用于采集用户输入的数据，和服务器进行交互

<form> 标签

用于定义表单的，可以定义一个范围，范围代表采集用户数据的范围

属性

• action：指定提交数据的 URL
• method：指定提交方式，一共有七种，两种比较常用
  • get：请求的参数会在地址栏中显示，长度有限制（URL 长度有限制），不安全
  • post：请求的参数不会在地址栏中显示，会封装在请求体中，长度不限制，较为安全

表单项中的数据要想被提交，必须指定其 name 属性

表单项标签

• 代码

<input> 标签

可以通过 type 属性值改变元素的样式

• type 属性
  • text：文本输入框，默认值
  • password：密码输入框，密文显示
  • radio：单选框
    • 要想让多个单选框实现单选的效果，name 属性的值必须一样
    • 一般会给每一个单选框提供 value 值
  • checkbox：复选框，同上需要注意 name 和 value 属性
  • file：文件选择框
  • hidden：隐藏域，用于提交一些额外信息
  • submit：提交按钮
  • button：普通按钮
  • image：图片形式的提交按钮
    • src 指定图片路径
  • color：取色器
  • date：日期选择器
  • datetime-local：带时分秒的日期选择器
  • email：邮箱输入框，会验证输入的邮箱是否正确
  • number：输入数字的输入框，可以点击箭头加减数值
• label：指定输入项的文字描述信息
  • label 的 for 属性一般会和 input 的 id 属性值对应，如果对应了，则点击 label 区域，会让 input 输入框获取焦点

<select> 下拉列表

• 属性 name 不要忘记写
• 子元素 <option>
  • value：提交的默认值
  • selected：默认选择

<textarea> 文本域

• cols：默认每列显示的字符数
• rows：默认每行显示的字符数

案例：注册页面