Question

JavaScript表单中常用元素主要属性和事件有哪些？

Answer 1

在处理表格的时候，我们关心表单中的信息一般有：

• 表单中元素的值。

• 表单元素触发的事件。(如改变元素的值，鼠标移出和移入元素都是元素的事件。)

• 表单本身的事件，主要是提交表单的操作。

 

对于常用的表单元素，我们有必要了解它的常用属性和事件，下面来分别介绍下：

文本框：

主要属性：

value：通过value属性我们可以获取和设置文本框中的内容。

主要事件：

onfocus：当进入元素的时候触发。

onblur：当离开元素的时候触发。

onchange：当文本框内容发生改变时触发。

onkeypress：键盘按键被按下并释放一个键时触发。

onkeydown：键盘按键被按下触发。

onkeyup：键盘按键被释放触发。

 

复选框和单选框：

主要属性：

value：checked：获取选项是否勾选，值为true和false。

主要事件：

onclick：选框被点击时触发。

onchange：checked的值改变时触发。

 

下拉框：

主要属性：

type：获取下拉框的类型(单选或多选)。

selectedIndex：获取被选中选项的序号。

options[x].selected：获取特定选项是否被选中，x为序号。（selectedIndex一般用于单选的下拉框。option[x].selected一般用于可以多选的下拉框。）

 

主要事件：

onchange：下拉框中被选中的选项改变时触发。

有一个教程网 站-秒秒学上，看下相关的知识，上面讲解得可以。