1.JS中表单对应的则是HTMLFormElement类型,继承自HTMLElement,与其他HTML元素具有相同的属性,也有自己的属性。
2.可以同时为表单元素指定id和name属性,便于获得该表单元素。
3.submit属性可以标识为提交表单。
4.通过阻止表单提交,可以对表单进行验证,所有数据有效之后再请求到服务器。
5.JS可以直接使用submit()方法直接提交表单,但是这样的话,必须要提前自己做好表单的验证工作。
6.为了防止多次连续提交表单而造成对服务器的连续请求,一般有两个方法:一是提交表单后就禁用提交按钮,或者利用onsubmit事件处理程序取消后续的表单提交操作。
7.重置表单:type设置为reset。一般不建议设计重置表单操作,用户常常会因为所有数据被重置而烦恼。
8.表单中的elements属性是表单中所有表单元素(字段)的集合。其是一个有序列表,里面的元素的存储顺序和其标记出现的顺序一样。
9.要在submit事件处理程序中实现对表单的一次禁用。
10.input和button元素的type是可以动态修改的。
11.focus方法可以将用户的注意力吸引到一个表单的某个字段上。
12.H5为表单字段提供了一个autofocus属性,可以直接设置,自动获得焦点。
13.可以使用focus和blur事件以某种方式改变用户界面,要么是向用户给出视觉提示,要么是向界面中添加额外的功能。而change事件则经常用于验证用户再字段中输入的数据。
14.blur事件和change事件的发生顺序是不确定的。
15.文本框可以通过input元素实现,也可以通过textarea实现。
16.在处理文本框的值时,最好不要使用DOM方法,因为对value属性所做的修改,不一定会反映在DOM中。
17.只要文本框获得焦点,就会选择其中所有的文本。这种技术能够较大幅度地提升表单的易用性。
18.在进行文档框部分选择后,应该为文本框设置焦点,以便用户看到文本框选择的文本。
19.提供自动完成建议的文本框就可以使用选择部分文本的这种技术。通过选择前几个文本来自动补全可能输入的内容。