作业:

解答代码:

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
</head>
<body>
<form action="#" method="get">
<h1>青春不常在,抓紧谈恋爱</h1>
<hr>
<p>
  昵称:<input type="text" name="uesrname" placeholder="请输入昵称" required>
</p>
<p>
  性别:
  <label>男<input type="radio" name="xingbie" value="nan" checked></label>
  <label>女<input type="radio" name="xingbie" value="nv"></label>
</p>
<p>
  所在的城市:
  <select name="city" multiple>
  <option selected disabled>==请选择你喜欢的城市==</option>
  <option>南京</option>
  <option>上海</option>
  <option>北京</option>
  <option>深圳</option>
  </select>
</p>
<p>
  喜欢的类型:
  <input type="checkbox" name="leixing" value="可爱" checked>可爱
  <input type="checkbox" name="leixing" value="性感" checked>性感
  <input type="checkbox" name="leixing" value="御姐">御姐
</p>
<p>
  个人介绍:
  <br>
  <textarea required></textarea>
</p>
<p>
  <h1>我承诺</h1>	
</p>
<p>
	<ul>
    <li>年满18岁,单身</li>
    <li>年满18岁,单身</li>
    <li>年满18岁,单身</li>
  </ul>
</p>
<p>
  <button>提交</button>
</p>
</form>
</body>
</html>

运行结果

Logo

码道开发者社区,聚焦华为云码道 CodeArts 代码智能体,沉淀 Agent、Skill、鸿蒙开发实战内容,供开发者查阅资料、交流技术、分享工程实践

更多推荐