首页 > 代码库 > HTML表单基础知识
HTML表单基础知识
<form>元素定义HTML表单
action属性定义在提交表单时执行的动作
method属性规定在提交表单时所用的HTTP方法(GET或POST)
Name属性:如果要正确地被提交,每个输入字段必须设置一个name属性
属性 | 描述 |
---|---|
accept-charset | 规定在被提交表单中使用的字符集(默认:页面字符集)。 |
action | 规定向何处提交表单的地址(URL)(提交页面)。 |
autocomplete | 规定浏览器应该自动完成表单(默认:开启)。 |
enctype | 规定被提交数据的编码(默认:url-encoded)。 |
method | 规定在提交表单时所用的 HTTP 方法(默认:GET)。 |
name | 规定识别表单的名称(对于 DOM 使用:document.forms.name)。 |
novalidate | 规定浏览器不验证表单。 |
target | 规定 action 属性中地址的目标(默认:_self)。 |
<fieldset>元素组合表单中的相关数据
<legend>元素为<fieldset>元素定义标题
<input>是最重要的表单元素
<input type="text">定义用于文本输入的单行输入字段
<input type="radio">定义单选按钮
<input tupe="submit">定义用于向表单处理程序(form-handler)提交表单的按
<input type="password">定义密码字段
<input type="checkbox">定义复选框
<input type="button">定义按钮
<input type="number">用于应该包含数字值的输入字段
<input type="date">用于应该包含日期的输入字段,日期选择器会出现输入字段中
<input type="color">用于应该包含颜色的输入字段,颜色选择器会出现输入字段中
<input type="range">用于应该包含一定范围内的输入字段,输入字段能够显示为滑块控件
<input type="month">允许用户选择月份和年份,日期选择器会出现输入字段中
<input type="week">允许用户选择周和年,日期选择器会出现输入字段中
<input type="time">允许用户选择时间(无时区),时间选择器会出现输入字段中
<input type="datetime">允许用户选择日期和时间(有时区),日期选择器会出现输入字段中
<input type="datetime-local">允许用户选择日期和时间(无时区),日期选择器会出现输入字段中
<input type="email">用于应该包含电子邮寄地址的输入字段,能够在被提交时对电子邮件地址进行验证
<input type="search">用于搜索字段(搜索字段的表现类似常规文本字段)
<input type="tel">用于应该包含电话号码的输入字段
<input type="url">用于应该包含URL地址的输入字段
<input type="file">用于上传文件
value属性规定输入字段的初始值
readonly属性规定输入字段为只读(不能修改 不需要值)
disabled属性规定输入字段是禁用的(不需要值)
size属性规定输入字段的尺寸(以字符计 就是长度)
maxlength属性规定输入字段允许的最大长度
autocomplete属性规定表单或输入字段是否应该自动完成,挡自动完成开启,浏览器会基于用户之前的输入值自动填写值
novalidate属性属于<form>属性,如果设置,则novalidate规定在提交表单时不对表单数据进行验证
autofocus属性时布尔值,如果设置,则规定当页面加载时<input>元素应该自动获得焦点
form属性规定<input>元所属的一个或多个表单,
formaction属性规定到提交表单时处理该输入控件的文件的URL,覆盖<form>元素的action属性,适用于type="submit"以及type="image"
formenctype属性规定当把表单数据(form-data)提交至服务器时对其进行编码(仅针对method="post"的表单),覆盖<form>元素的enctype属性,适用于type="submit"以及type="image"
formmethod属性定义用以向action URL发送表单数据(form-data)的HTTP方法,覆盖<form>元素的method属性,适用于type="submit"以及type="image"
formnovalidate属性是布尔属性,如果设置,则规定在提交表单时不对<input>元素进行验证,formnovalidate属性覆盖<form>元素的novalidate属性,formnovalidate属性克用于type="submit"
formtarget属性规定的名称或关键词指示提交表单后再何处显接收到的响应,覆盖<form>元素的target属性,formtarget属性可与type="submit"和type="image"使用
height和width属性规定<input>元素的高度和宽度,仅用于<input type="image">
list属性引用的<datalist>元素包含了<input>元素的预定义选项
min和max属性规定<impur>元素的最小值和最大值,适用于如需输入类型:number、range、date、datetime、datetime-local、month、time以及week
multiple属性是布尔属性,如果设置,则规定允许用户在<input>元素中输入一个以上的值,适用于以下输入类型:email和file
pattern属性规定用于检查<input>元素值得正则表达式,适用于以下输入类型:text、search、url、tel、email、password
placeholder属性规定用于描述输入字段预期值的提示(样本值或有关格式的简短描述),该提示会在用户输入值之前显示在输入字段中,适用于以下输入类型:text、search、url、tel、email、password
required属性是布尔属性,如果设置,则规定在提交表单之前必须填写输入字段,适用于以下输入类型:text、search、url、tel、email、password、date pickers、number、checkbox、radio、file
step属性规定<input>元素的合法数学间隔
<select>元素(下拉列表)
<option>元素定义待选择的选项
<textarea>元素定义多行输入字段(文本域)
<button>元素定义可点击的按钮
<datalist>元素为<input>元素规定预定义选项列表
<keygen>元素规定用于表单的密钥对生成器字段,当提交表单时,私钥储存在本地,公钥发送到服务器
<output>元素定义不同类型的输出,比如脚本的输出
HTML表单基础知识
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。