DOM - 表单操作

获取表单

获取表单元素

获取表单元素的方式除了Document对象提供的一系列方法外，还有Document对象提供的forms属性。
该属性获取当前HTML页面所有表单的集合，返回HTMLCollection对象，该对象封装了当前HTML页面所有的表单对象。

获取表单元素组件

获取表单元素组件除了使用Document对象提供的定位页面元素的方法外，HTMLFormElement对象的elements属性。该属性获得的是一个表单组件集合。

表单操作

文本内容选择

HTMLInputElement对象和HTMLTextAreaElement对象都提供了select()方法，该方法用于选择当前文本框的所有内容。
获取选择的文本内容

• selectionStart - 选择文本内容的开始索引值
• selectionEnd - 选择文本内容的结束索引值

设置部分文本内容

setSelectionRange()方法 - 用于设置一个获取焦点的文本框中选择指定的文本内容，三个参数

• selectionStart - 选择文本内容的开始索引值
• selectionEnd - 选择文本内容的结束索引值
• selectionDirection - 指明选择的方向，有'forward'、'backward'、'none'3个可选值，分别表示从前先后，从后向前，选择方向未知或不重要。

操作剪切板

事件对象的clipboardData属性得到DataTransfer对象，该对象在IE8之前的浏览器要通过window获取。该对象提供了操作数据的常用方法。

• setData(in String type,inString) - 为一个给定的类型设置数据
• getData(inString type) - 根据指定的类型检索数据
• clearData(in String type) - 删除与给定类型关联的数据

下拉列表操作

下拉列表是由和元素创建的，DOM中有对应的对象

北京 南京 天津 北京 南京 天津

表单验证

验证表单的方法

• chenckValidity():如果元素不存在验证问题，返回true，否则返回false
• setCuetomValidity(message):为元素添加一个自定义的错误，如果设定了自定义错误信息，则该元素被认为是无效的，并显示指定的错误。

submit()方法

submit()方法用于提交表单，使用该方法允许表单内使用任意一普通按钮即可。