html 表单的实现

利用这些实现网页的登录功能

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <style type="text/css">

  </style>
</head>
<body>
<form action="https://home.firefoxchina.cn/" method="get">
<label  for="name">姓名:</label><input type="text" id="name"/><br></br>
  <label for="pas">密码</label> <input type="password" id="pas"><br></br>
性别:<input type="radio" name="gander"/> 男 <input type="radio" name="gander"/> 女 <br></br>
学历:<input type="radio" name="xue"/> 本科 <input type="radio" name="xue"/> 专科 <input type="radio" name="xue"/> 研究生<br></br>
你的爱好:<input type="checkbox"/> 抽烟 <input type="checkbox"/> 喝酒 <input type="checkbox"/> 烫头 <br></br>
你的国籍:
<select>
 <optgroup label="地区">
  <option>中国</option>
  <option>日本</option>
  </optgroup>
  <optgroup label="瞎扯">
  <option>美国</option>
  <option>马来西亚</option>
  <option>阿根廷</option>

  </select> <br></br>
介绍你自己<br></br>
<textarea> </textarea> <br> </br>
  <input type="button"/> 提交 <input type="submit"/> 取消 <input type="reset">重置
</form>
</html>

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/u010713935/article/details/88666338