JavaScript表单学习：与用户交互

1.HTML表单提供了一种把HTML交互元素组合起来的方式。表单使用<form></form>标签创建，在JavaScript代码中，可以使用Form对象访问该表单，因为HTML标签创建了一个Form对象，有两种方式可以使用:第一是使用表单的name属性访问，第二是使用Forms集合来访问。<form/>元素的许多属性都可以作为Form对象的属性访问。特别是，Form对象的name属性镜像<form/>元素的name属性。

2.HTML表单中可以包含：按钮元素、文本元素、textarea元素、复选框和单选按钮、选择框等等。

3.与表单元素关联的对象有许多通用的属性、方法和事件。这些对象都有name属性，该属性可用在JavaScript中引用对象。也都有form属性，该属性是对包含该元素Form对象的引用。type属性返回一个表示元素类型的文本字符串。

4.表单元素的方法和事件。比如都存在focus()和blur()方法,focus和blur事件。当用户选中了某元素，就调用focus()方法，也就是该元素获得了输入焦点。一旦获得焦点，就触发focus事件。同样，当某个元素失去了焦点，就调用blur()方法，当元素失去焦点时，就触发blur事件。

5.所有的元素都有一个返回值，它是赋予该元素的字符串数据。该值的含义取决于元素，文本框元素的返回值是文本框中显示的文本，按钮元素的返回值是按钮显示的文本。

6.按钮元素的作用是提供用户单击，这个单击会触发用户编写的程序脚本。

7.文本元素允许用户输入单行的文本。

8.textarea元素与文本框类似，但允许用户输入多行的文本。

9.复选框和单选按钮基本上算是同类元素。单元按钮在同一组中只允许有一个元素被选中，而复选框则可以有多个。

10.列表框和下拉列表框使用标签<select/>定义，默认size属性是1，显示为下拉列表框。其中选择元素的每个选项都使用<option/>标签定义。select对象selectedIndex属性指定选中了哪个选项，可以使用该索引访问选中的选项。select对象具有change事件，当用户在列表中选择另一项时，将触发change事件。