JavaScript 客户端JavaScript之Document对象中的表单和表单元素

Form对象 代表一个HTML表单(document可以有多个表单元素)

表单访问

document.form[document.forms.length-1]

访问表单元素

document.forms[1].elements[2]

 

Form对象其它属性

action encoding method target

定义表单元素

比如

<option>            无type属性        select对象中的一个项目，事件句柄属性select对象，而不属于单独的option对象。

<select>               type='select-one'    可以选中其中一个项目，onchange

<select>                type='select-multiple'    可多选

<input type='text  button hiden  file password  radio checkbox reset  submit '等>

<textarea>            多行的文本输入框

 

脚本化表单元素

1、为所有表单元素定义name属性，可以直接访问  form1.name1

表单元素共有的基本属性

 

type

form:对包含该元素的Form对象的只读引用。

name

value

 

文本框

<input type='file'>

实质上是与弹出选择文件对话框的内部按钮组合在一起的Text元素（有onchange事件句柄，且value只读）

text textarea file

这些元素真正接收键盘输入

从onkeypress  onkeydown事件句柄返回false 可以阻止用户的键盘输入被记录下来。

 

select元素和option元素

属性selectedindex  选中option下标，多选的无效

        options[]          访问所有option

        options.length=0    用来清空select中的option

删除可用 如：options[0]=null 

添加 options[options.length]=new Option();

也可以用select.add();

option元素定义了构造函数Option,可以动态创建新的option元素，把它们附加在options[]数组的尾部可以给

select元素增加新选项。

 

注：可以用<optgroup>标记对select元素中的相关选项分组，

<optgroup>具有label属性。

fieldset元素

legend

 

 

表单元素的事件句柄

大多数表单元素支持如下的事件句柄：

onclick

onchange

onfocus

onblur