教程集 www.jiaochengji.com
教程集 >  脚本编程  >  javascript  >  正文 javascript内置对象之表单对象

javascript内置对象之表单对象

发布时间:2015-07-21   编辑:jiaochengji.com
本文介绍了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   默认选项

您可能感兴趣的文章:
Javascript内置对象之浏览器对象
javascript内置对象简介
Firefox和IE的CSS兼容性:关于display
javascript内置对象之表单对象
javaScript document对象的属性与方法详解
javascript内置对象之window对象
js创建对象的几种方法
javascript基础教程(3)-对象的基本知识
探讨:Javascript RegExp 对象
javascript内置对象之常用对象

关键词: 表单  内置对象   
[关闭]
~ ~