HTML表单是什么?
HTML 表单是用于搜集不同类型的用户输入。
表单是一个包含表单元素的区域。表单元素是允许用户在表单中输入内容,比如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。
表单使用表单标签 <form> 来设置:
<form>
.
input 元素
.
</form>
HTML表单的输入元素
| 元素 |
元素定义 |
| <select> |
元素定义下拉列表 |
| <option> |
元素定义待选择的选项 |
| <textarea> |
元素定义多行输入字段(文本域) |
| <button> |
元素定义可点击的按钮 |
| <datalist> |
元素为 <input> 元素规定预定义选项列表 |
HTML 输入类型
| 输入类型 |
说明 |
| text |
文本输入的单行输入字段 |
| password |
密码字段 |
| submit |
提交表单数据至表单处理程序的按钮 |
| radio |
单选按钮 |
| checkbox |
复选框 |
| botton |
按钮 |
| number |
包含数字值的输入字段 |
| date |
包含日期的输入字段 |
| color |
包含颜色的输入字段 |
| range |
包含颜色的输入字段 |
| mouth |
允许用户选择月份和年份 |
| week |
允许用户选择周和年 |
| time |
允许用户选择时间(无时区) |
| datetime |
允许用户选择日期和时间(有时区) |
| datatime-local |
允许用户选择日期和时间(无时区) |
| email |
包含电子邮件地址的输入字段 |
| serch |
搜素字段(搜索字段的表现类似常规文本字段) |
| tel |
包含电话号码的输入字段 |
| url |
包含URL地址的输入字段 |
输入的属性
| 属性 |
说明 |
| value |
属性规定输入字段的初始值 |
| readonly |
属性规定输入字段为只读(不能修改) |
| disabled |
属性规定输入字段是禁用的 |
| size |
属性规定输入字段的尺寸(以字符计) |
| maxlength |
属性规定输入字段允许的最大长度 |
| autocomplete |
属性规定表单或输入字段是否应该自动完成 |
| novalidate |
规定在提交表单时不对表单数据进行验证 |
| autofocus |
属性是布尔属性 |
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。