javascript表单对象

表单对象主要包括一下对象:Text单行文本框、Textarea多行文本框、Password密码框、Button按钮、Submit提交按钮、Reset重置按钮、Radio单选框、Checkbox复选框、Select下拉列表和Hidden对象。

 

获得表单信息：

    1.document.form_name.form_object

 

1.Javascript的文字框对象（单行文本框，多行文本框，密码框）。

           常见属性及方法和事件

name                     对象的名称

value                      对象的值

type                        类型

blur()                     将焦点从对象上移走

focus()                  将焦点移到对象上

select()                 选中对象文本

onBlur()                将焦点从对象上移走时触发

onFocus()            将焦点移到对象上时触发

onChange()        当对象的值改变时触发

onSelect()            当选中对象文本时才触发

 

2、单选框和复选框对象

 

           常见属性及方法和事件

name                     对象的名称

value                      对象的值

type                        类型

blur()                     将焦点从对象上移走

focus()                  将焦点移到对象上

checked              对象是否被选中，值为TRUE或FALSE

defaultChecked  对象初始状态是否被选中，值为TRUE或FALSE

select()                 选中对象文本

onBlur()                将焦点从对象上移走时触发

onFocus()            将焦点移到对象上时触发

onChange()        当对象的值改变时触发

onSelect()            当选中对象文本时才触发

 

Radio单选框，在任何情况下只能选择一个选项。它是在多个<input>标记中定义的，并且这些标记具有相同的name。每个<input>中的checked属性，表示该radio按钮被选中，将选中的radio的值传递给页面。

Checkbox复选框，与单选框不用可以多选。它也在多个<input>标记中定义的，但是不同的比较中的name值不同。

 

单选框和复选框中的checked属性是只是一个单选按钮是否选中的布尔值。当选择时其值为TRUE，没有选中时，其值为FALSE。也可以通过设置checked属性的值来达到选择选项的目的。

单选框

 如：将表单中性别的“女”选中：

   <input type="radio"  name="sex" value="男" checked="checked">男

   <input type="radio"  name="sex" value="女" >女

取出单选框的值：document.form_name.radio_name.value

判断性别”女“是否被选中：document.form_name.sex[1].checked=true;

复选框

<input type="checkbox" name="checkbox1" value="苹果">苹果

<input type="checkbox" name="checkbox2" value="香蕉">香蕉

<input type="checkbox" name="checkbox3" value="菠萝">菠萝

取出复选框的值：document.form_name.checkbox_name.value

判断性别”女“是否被选中：document.form_name.checkbox_name.checked=true;

 

3.下拉框对象

   3.1 select对象常用的属性 

name                     对象的名称

value                      对象的值

length                    选项菜单中选项的数目

selectIndex          菜单中被选项的索引

options                 组成多个选项的数组

     3.2 option对象常用的属性

value                      选项的值

text                         选项的文字

Index                     指明当前选项的位置

selected               指明当前选项是否被选中，取值为TRUE或FALSE

defaultselected   默认选项