本文介绍了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 默认选项