2020-11-07

表单标签

表单域

表单域是一个包含表单元素的区域
HTML标签中，标签用于定义表单域。会把它范围内的表单元素信息提交给服务器

1.input（输入）表单元素
<input type＝“属性值”/>

• 标签为单标签
• type属性设置不同的属性值用来指定不同的控件类型
  属性值:text（文本框，输入文字）
  password（密码字段，字符被掩码）
  radio（单选按钮 可以实现多选）
  checkbox（复选框）
  reset（重置按钮清除所有数据恢复至默认状态）
  button（普通按钮）
  file（上传文件使用）
  submit（提交按钮，将表单数据发送至服务器）
• name属性，属性值:由用户自定义 用来描述input元素名（name是表单元素的名字，单选按钮必须有相同的名字name 才可以实现多选一）（单选按钮和复选框要有相同的name值）
• value属性，属性值:由用户自定义 规定input元素的值（效果在文本框中）
• checked属性，属性值:checked 规定input元素首次加载时应当被选中（主要针对单选按钮和复选框，打开页面可以默认选中的某个表单元素）
• maclength属性，属性值:正整数 规定字段中的字符的最大长度

.标签
标签为input元素定义标签
标签用于绑定一个表单元素，当点击<label标签内的文本时，浏览器就会自动将焦点转到对应的表单元素上
语法: <label for＝“sex”>男
<input type＝“radio”name＝“sex”/>
核心:标签内的for属性应当与相关元素的id属性相同。
2.select下拉表单元素
使用场景:在页面中，有多个选项可供选择，且节约页面空间。
语法:
选项一
选项二
…

★中至少包含一对
★在中定义selected＝“selected”时，当前选项即为默认选项。
3.textarea文本域元素
使用场景:输入内容较多的情况下，使用标签。
语法: <textarea rows＝“3” cols＝“20”>
文本内容

★cols＝“每行的字符数”， rows＝“显示的行数”， 实际中用CSS改变大小。