html5表单新增元素属性2

form属性
在html4中,表单内的从属元素必须书写在表单内部,而在html5


中,可以书写在任意位置。
表单内元素formmethod属性
在html4中一个表单内只能有一个action属性来对表单内所有


元素统一制定提交页面,所以每个表单内页只有一个method属


性来统一指定提交方法。在html5中,可以使用formmethod属性


来对每一个表单元素分别指定不同的提交方法。
表单内元素的formenctype属性
在html4中,表单元素具有一个enctype属性,该属性用于指定在


表单发送到服务器之前应该如何对表单内的数据进行编码。
在html5中,可以使用formenctype属性对表单元素分别指定不


同的码方式。
formenctype有三种格式
"text/plain"将表单中的空格变成"+"号,不对特殊字符进行编


码。
"multipart/form-data"不对字符进行编码在使用包含文字上


传空间时必须使用该值
"application/x-www-form-urlencoded"是在发送前编码所有


字符,当表单元素的action属性为get时浏览器用当前的编码方


式转换为一个字符
表单内元素的formtarget属性
在html4中,表单元素具有一个target属性,该属性用于指定在


何处打开表单提交后所需要加载的页面
在html5中,可以对对歌提交按钮分别使用formtarget属性来指


定提交后在何处打开所需加载的页面。
formtarget属性
"_blank"新的浏览器页面打开
"_self"当前页面打开
"_parent"在当前框架的父框架打开
"_top"在当前窗口最上打开
"_framename"在指定框架打开
表单内元素的autofocus属性
为文本框、选择框或按钮控件加上autofocus属性,当画面打开


时,该控件自动获得光标焦点
表单内元素的required属性
html5中新增的required属性可以应用在大多数输入元素上,在


提交时,如果元素中的内容为空白则不允许提交,同时在浏览器


中显示信息提示文字
表单内元素的labels属性
在html5中,为所有可使用标签的表单元素、button、select元


素等,定义一个labels属性,属性值为一个NodeList对象,代表


该元素所绑定的标签元素所构成的集合
标签的control属性
在html5中,可以在标签内部放置一个表单元素,并且通过该标


签的control来访问该表单元素
文本框的palceholder属性
placeholder是指当文本框处于未输入状态时显示的输入提示


。当文本框处于未输入状态且未获取光标焦点时,模糊显示输


入提示文字。
复选框(checkbox)的indeterminate属性
checkbox过去只是选取或非选取,加了这个属性后以说明复选


框处于"尚未明确是否选取"状态
image可以有height和width
list属性(可编辑的下拉列表)
在html5中,为单行文本框增加了一个list属性,该属性的值为


某个datalist元素的id。datalist元素类似于选择框,但是当


用户想要指定的值不在选择列表之内时,允许自行输入。


datalist元素本事并不显示,而是当文本框获得焦点时以提示


输入的方式显示
文本框的autocomplete属性
帮助输入所用的自动完成功能
文本框pattern属性
在html5中,对input元素使用pattern,并且将属性值设为某个


格式的正则表达式,在提交时会针对这些进行检查,检查其内容


是否符合给定格式。当输入的内容不符合给定格式,则不允许


提交。
SelectionDirection属性
这对input元素与textarea元素,html5增加了


SelectionDirection属性，当用户在两个元素中用鼠标选取部


分文字时,可以用该属性来获取选取方向。正向"forword";反


向"backword"默认"forword"
function AD(){
var control = document.forms[0]['text'];
var Direction = control.SelectionDirection;
alert(Direction)
}
<input type="button" value="点我" οnclick="AD()">