输入域标签

本文记录WEB前端学习过程中遇到的输入域标签~

<input>标签用于获得用户输入信息,type属性值不同,搜集方式不同。

  • type属性:用于表明输入标签的类型,常用的类型有:
  1. text:文本框,单行的输入字段,用户可在其中输入文本,默认宽度为20个字符;
  2. password:密码框,表示密码字段,该字段中的字符以黑圈显示;
  3. radio:单选框,表示一组互斥选项按钮的一个。当一个按钮被选中,之前选中的按钮就变为非选中的;
  4. submit:提交按钮,它会把表单数据发送到服务器,一般不写name属性,写了会把“提交”两个字提交到服务器;
  5. checkbox:复选框,用于从多个选项中选择数据;
  6. file:文件上传组件,提供“浏览”按钮可以选择需要上传的文件;
  7. hidden:隐藏字段,数据会被发送到服务器,但浏览器不现实;
  8. reset:重置按钮,将表单恢复到默认值;
  9. image:图形提交按钮,通过src给按钮设置图片;
  10. button:普通按钮,常用于与JavaScript结合使用。
  • name属性:元素名称,如果需要表单数据提交到服务器,必须提供name属性值,服务器通过属性值获得提交的数据;
  • value属性:设置input标签的默认值。submit和reset按钮的value的值是按钮显示的数据;
  • size属性:大小;
  • checked属性:单选框或复选框是否被选中;
  • readonly属性:是否输入标签只读;
  • disabled属性:标签是否可用;
  • maxlength属性:允许输入的最大长度。

标签: none