表单

45 阅读1分钟

表单

HTML表单元素是和用户交互的重要方式之一, 在很多网站都需要使用表单。

常见的表单元素:

  • form:表单, 一般情况下,其他表单相关元素都是它的后代元素。
  • input:单行文本输入框、单选框、复选框、按钮等元素。
  • textarea:多行文本框。
  • select、option:下拉选择框。
  • button:按钮。
  • label:表单元素的标题。

input元素

表单元素使用最多的是input元素。

input元素有如下常见的属性:

  • type:input的类型
    • text:文本输入框(明文输入)
    • password:文本输入框(密文输入)
    • radio:单选框
    • checkbox:复选框
    • button:按钮
    • reset:重置
    • submit:提交表单数据给服务器
    • file:文件上传
  • readonly:只读
  • disabled:禁用
  • checked:默认被选中。只有当type为radio或checkbox时可用
  • autofocus:当页面加载时,自动聚焦
  • name:名字。在提交数据给服务器时,可用于区分数据类型。
  • value:取值

布尔属性

常见的布尔属性有disabled、checked、readonly、multiple、autofocus、selected。布尔属性可以没有属性值,写上属性名就代表使用这个属性。如果要给布尔属性设值,值就是属性名本身。