HTML标签（二）表单标签

表单标签

概念 用于采集用户输入的数据的。用于和服务器进行交互。
使用的标签 form
form 用于定义表单的，可以定义一个范围，范围代表采集用户数据的范围

属性

action指定用户提交数据的url
method指定提交方式，一共有7种，两种比较常用，为get和post
get和post的区别
get

• 请求参数会在地址栏中显示，会封装到请求行中。
• 请求参数的大小是有限制的
• 不太安全

post

• 请求参数不会在地址栏中显示，会封装在请求体中
• 请求参数的大小没有限制
• 较为安全

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

表单项标签

input：

可以通过type属性值，改变元素展示的样子
type属性

• text：文本输入框，默认值
  placeholder：指定输入框的提示信息，当输入框的内容发生变化，会自动的清空提示信息

• password：密码输入框

• radio：单选框
  注意
  1.要想让多个单选框实现单选效果，则多个单选框的name属性值必须一样
  2.一般会给每个单选框提供value属性，来显示提交的值
  3.checked属性，可以指定默认值

• checkbox：复选框
  1.一般会给每个单选框提供value属性，来显示提交的值
  2.checked属性，可以指定默认值

• file：文件选择框

• hidden：隐藏域，用于提交一些信息

• 按钮：
  submit：提交按钮，提交表单
  button：普通按钮
  image：图片提交按钮 src：指定图片的路径

• color：取色器

• date：日期选择 年月日

• datetime-local：日期选择 年月日 时分

• email：邮箱 带验证

• number：数字 输入的必须为数字

• label：指定输入项的文字描述信息
  注意：label 的for属性一般会和input 的id属性值对应。如果对应了，则点击label区域，会让input输入框获取焦点。

select：下拉列表

子元素：option 指定列表项
selected：默认选中

textarea：文本域

cols 指定列数，每一行有多少个字符
rows 默认多少行