189 8069 5689
本篇内容介绍了“与form表单相关的元素有哪些”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！
高州网站制作公司哪家好，找成都创新互联公司！从网页设计、网站建设、微信开发、APP开发、响应式网站开发等网站项目制作，到程序开发，运营维护。成都创新互联公司成立与2013年到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选成都创新互联公司。
form元素
除此之外还包括action（指定当单机表内确定按钮时，该表单跳转到那个地址）、method（指定提交表单时发送何种类型请求，值可以为get或者post）、enctype（指定对表达内容进行编码所使用的字符集）、name（指定表单的唯一名称）、target（指定个适用哪种方式打开目标URL）。
input元素
密码输入框：
隐藏域：
单选框
复选框
图像域
文件上传域
提交按钮
重设按钮
无动作按钮
的一些焦点属性
checked：设置单选框、复选框初始是否处于被选中状态。
disabled：设置首次加载时用此元素。
maxlength：该属性是一个数字，指定文本框中所允许输入的最大数字。
readonly：指定文本框内的值不允许用户修改（可使用js脚本修改）。该属性是支持boolean值的属性，表示该元素的值是只读的。
size：该属性值是一个数字，指定钙元素的宽度。
src：指定图像域所显示图像的URL.
width:指定图像域所显示图像的宽度。
heigeht:指定图像域所显示图像的高度。
label元素可以指定id、class、style等核心属性，也可以指定onclick等事件属性。除此之外，还可以指定一个for属性，该属性指定该标签与那个表单控件关联。用法为for=""，引号内为相关控件的id。
disabled：指定是否禁用此按钮。
name：制定该按钮的唯一名称，该属性名称应该与id保持一致。
type：指定该按钮属于那种按钮，该属性值只能是button、reset或submit其中之一。
value：指定该按钮的初始值。可以通过js脚本进行更改。
除此之外，
disabled：设置禁用该列表框和下拉菜单。该属性的值只能是disabled或者省略属性值。
multiple：设置该列表框和下拉菜单是否允许多选。一旦设置允许多选
size：指定该列表框和下拉菜单可同时实现多少个列表项。一旦设置允许多选
在
除此之外还可以定义如下几种元素。
disabled：指定禁用该选项，该属性的值只能为disabled。
selected：指定该流标箱初始状态是否处于被选中状态。该属性的值只能是selected。
value：指定该选项对应的请求参数值。
label：指定该选项组的标签。这个属性必填。
disabled：设置禁用该选项组里的所有选项。该属性值只能是disabled或者省略该属性值。
cols：指定文本域的宽度，属于必填项。
rows：指定文本的高度，属于必填项。
disabled：指定禁用该文本域。该属性值只能为disabled。
readonly：指定文本域只读。该属性值只能为readonly。
maxlength：设置该多行文本域最多可以输入的字符数。
wrap：指定多行文本域是否添加换行符。该属性支持soft和hard两个属性值。如果将属性值设置为hard，则必须指定cols属性，如果输入的字符超过了cols指定宽度导致文本换行，那么提交该表单时该多行文本域将会自动在换行处添加换行符。
name：指定该
form：该属性的属性值必须是一个有有效的
disabled：该属性用于禁用该表单元素。该属性是一个支持boolean值的属性。
html5为所有表单控件都新增了form属性，因此在页面上定义表单控件时更加灵活，可以随意的防止、排列表单控件，这位页面布局提供了更大的灵活性。
html5为处理同一表单中同时包含注册、登录两个按钮的问题，对于sumit、reset、image都可以指定formaction，该属性即可动态的让表单提交到不同的URL。
formxxxx属性类似于formaction属性，对于sumit、reset、image都可以指定formenctype、formmethod、formtarget等属性，其中：
formenctype：该属性可以让按钮动态的变成enctype属性。
formmethod：该属性可以让按钮动态的变成method属性。
formtarget：该属性可以让按钮动态的变成target属性。
这是一个非常常用的属性，作用就是在打开网页的时候自动聚焦到对应的位置。用法为添加到对对应的代码中，如：该代码中autofocus的作用就是在打开网页时自动聚焦到该密码框。
这个属性也非常的常用，作用就是在用户为输入数据的文本框中给出对应的提示，如：；该代码中palceholder的作用就是在用户未在文本框中输入数据是显示请输入用户名，使页面更加的人性化。
该属性也非常的实用，在html5规范之前html表单属性是没有有类似于ComboBox的组件的。html5的list属性刚好弥补了这个不足，list属性的值应该是一个
该输赢用于控制在点击文本框时是否自动显示之前的填写历史，浏览器默认启动该功能，该属性支持两个属性值：
on：打开autocomplete，文本框下方会显示下拉菜单。
off：关闭autocomplete，文本框下方不会显示下拉菜单。
html5为
表单元素与
html5为单行文本框和多行文本域新增了一个selectionDirection只读属性，该属性用于返回文本框内的文字方向。
用户正向选取文字时，返回值为forward
用户反向选取文字时，返回值为backward
用户没有选取文字时，返回值为上一次用户做的选择
HTML5为
color：生成一个颜色选择器，value的值为形如#xxxxxx的颜色值。
date：生成一个日期选择器。
time：生成一个时间选择器。
datetime-local：生成一个本地日期、时间选择器。
week：生成一个供用户选择第几周的文本框。
month：生活猜呢个一个月份选择器。
max：指定日期时间的最大值。
step：指定日期、时间的步长。
email：生成一个E-mail输入框，浏览器会自动检查输入的E-mai是否符合格式。
multiple：该属性支持boolean类型，如果指定了该属性值，则表示允许输入多个E-mail地址，用英文逗号隔开。
tel：生成一个输入电话号码的文本框。
ur：生成一个输入URL的文本框，浏览器会自动检查输入的URL是否符合格式。
number：生成一个只能输入数字的文本框。
min：指定数值的最小值。
max：指定数值的最大值。
step：指定数字的步长。
range：生成一个拖动条，还会有如下的属性：
min：该拖动条的最小值。
max：该拖动条的最大值。
step：指定拖动条的步长。
search：生成一个专门用于输入搜索关键字的文本框。
HTML5新增了一个
for：该属性制动该元素将会显示那个或者那些元素的值。
HTML5还新增了一个
value：指定计数仪表的当前值。默认为0.
min：指定计数仪表的最小值，默认为0.
max：指定计数仪表的最大值。默认为1.
low:指定计数仪表指定范围的最小值，必须大于等于min的值。
high：指定计数仪表指定范围的最大值，必须小于等于max的值。
optimum：指定个计数仪表有效范围的最佳值。
max：指定进度条完成时的值。
value：指定当前完成的进度值。
HTML5为表单控件添加了如下几种校验属性。
required：该属性指定该表单控件必须填写。
pattern：该属性指定该表单控件的值必须符合指定的正则表达式。
min、max、step：这三个属性只对数值类型、日期类型的
如果表单对i昂调用checkValidity()方法返回true，则表明该表单内的所有表单元素的输入有效
如果表单对象调用checkValidity()方法返回true，则表明该表达诶的所有表单元素通过输入检验。
为
为submit、button元素设置formnovalidate属性，当用户通过该提交按钮提交表单时，该表单将关闭校验功能。
“与form表单相关的元素有哪些”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站，小编将为大家输出更多高质量的实用文章！