javascript内置对象之表单对象

发布时间:2020-11-03编辑:脚本学堂
本文介绍了javascript内置对象中的表单对象,包括 Text单行文本框、Textarea多行文本框、Password密码框、Button按钮、Submit提交按钮、Reset重置按钮、Radio单选框、Checkbox复选框、Select下拉列表和Hidden对象等。


表单对象主要包括:
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   默认选项