<!DOCTYPE html> <html> <head> <title>form表单</title> </head> <body> <!-- 4.1 form标签 <form>标签代表一个表单，表单用于向服务器传输数据。 <form>标签能够包含<input>，可以是文本字段，复选框，单选框或提交按钮等。还可以包含<textarea> <select>等。 <form>常用属性: name:用于定义表单的名称 action:用于规定提交表单时向何处发送表单数据。 method:用于规定提交的方式。一般取值 POST或GET 关于POST与GET方式区别: get方式只能少量数据,而post可以携带大数据。 get方式提交时，数据会在地址栏上显示，安全性差。Post方式提交不会在地址栏上显示数据，更加安全。 --> <form action="" name="login" action="" method="get"> text类型<br> 用户名:<input type="text" placeholder="请输入英文用户名"> <hr> password类型<br> 密码:<input type="password" placeholder="请输入密码"> <hr> radio类型 单选<br> <!-- 单选时候,input名字设计成一样的 --> 是否记住密码:<input type="radio" name="rmpwd">是<input type="radio" name="rmpwd">否 <hr> checkbox 类型多选<br> 喜好: <input type="checkbox" >打球 <input type="checkbox" >打球 <input type="checkbox" >打球 <input type="checkbox" >打球 <br> button 按钮<br> <input type="button" value="sb,你点我啊!"> <hr> hidden 隐藏类型<br> <!-- 在页面上是不会显示的 --> <input type="hidden" name="id" value="12345"> <hr> file 文件类型<br> 请上传头像:<input type="file" name="上传文件"> <hr> submit 提交类型<br> <!-- 把表单数据提交到后台 --> <input type="submit" value="提交"> <hr> reset 重置 <!-- 把表单的内容清空,只清除form内部的标签 --> <input type="reset" value="重置"> <hr> 图片类型<br> <input type="image" src="./bookstore/signup,gif"> 选择标签:单选<br> <select> <option>广州</option> <option>深圳</option> <option>永城</option> <option>广州</option> </select> <hr> 多行文本标签<br> 好评:<textarea rows="1"></textarea> <br> </form> </body> </html>