Form对象

表单对象，文档对象的子对象，Javascript的Runtime Engine自动为每个表单建立对应的表单对象
属性：
action 表单的动作
elements 以索引表示的所有表单元素
encoding MIME的类型
length 表单元素的个数
mehtod 方法
name 表单名称
target 目标
方法：
handleEvent(event) 使事件处理程序生效
reset() 重置
submit() 提交[@more@]

1、文本对象

访问：document.forms[索引].elements[索引].属性|方法
document.表单名称.文件本对象名称.属性|方法
属性：
defaultValue 该对象的value属性
form 该对象所在的表单名称
name 该对象的名称
type 该对象的type属性
value 该对象的value属性
方法：
blur() 失去焦点
focus() 获得焦点
handleEvent(event) 使事件处理程序生效
select() 该对象设置为选取状态
事件处理程序:
onBlur onChange onClick onDbClick onFocus onKeyDown onKeyPress onKeyUp onMouseDown onMouseUp onMouseOver onMouseOut onMouseMove onSelect

1)获取文本框内容的方法
view plaincopy to clipboardprint?

姓名：
onClick='alert("谢谢你，"+this.form.txtUserName.value);' />


姓名：
onClick='alert("谢谢你，"+this.form.txtUserName.value);' />


2)文本框获得和失去焦点事件
view plaincopy to clipboardprint?


电话： onFocus="getFocus(this)" onBlur="getBlur(this)" />



电话： onFocus="getFocus(this)" onBlur="getBlur(this)" />


3)满四位自动下移到下一个文本框的文字输入
view plaincopy to clipboardprint?


onKeyup="movenext(this,0)">-
onKeyup="movenext(this,1)">-
onKeyup="movenext(this,2)">-
onKeyup="movenext(this,3)">
onClick="result()"/>



onKeyup="movenext(this,0)">-
onKeyup="movenext(this,1)">-
onKeyup="movenext(this,2)">-
onKeyup="movenext(this,3)">
onClick="result()"/>


2、密码对象
密码对象与文本对象基本相似，只是将type改为password类型。
view plaincopy to clipboardprint?


姓名：
输入密码：
重新输入：




姓名：
输入密码：
重新输入：



3、按钮对象、提交按钮对象和重置按钮对象
type="button"||"submit"||"reset"
4、隐藏对象
type="hidden"
5、单选按钮对象
checked 设置该对象为选定状态
defaultChecked 对应该对象的默认选定状态
type="radio"

view plaincopy to clipboardprint?

姓名：你是：
帅哥
美女




姓名：你是：
帅哥
美女



6、复选框对象
type="checkbox"

view plaincopy to clipboardprint?

请选择你喜欢的颜色：
红色
绿色
蓝色




请选择你喜欢的颜色：
红色
绿色
蓝色



7、下拉选择框对象
length 选项的数目
options option标记集合
selectedIndex 所选项目的索引值

选项对象：下接选择框对象的子对象
new Option([显示文本[，值[，defaultSelected[，selected]]]]);
text 该选项显示的文本
value 该选项的值

view plaincopy to clipboardprint?



你喜欢哪一个搜索引擎
百度
谷哥
雅虎






可选择项目
香蕉
葡萄
苹果
梨子

onClick="createOptions()" />

选择项目





你喜欢哪一个搜索引擎
百度
谷哥
雅虎






可选择项目
香蕉
葡萄
苹果
梨子

onClick="createOptions()" />

选择项目



8、文本域对象

view plaincopy to clipboardprint?

onFocus="this.value=''" >
欢迎留言，不过请长话短说...

本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/ppjava2009/archive/2010/02/24/5323284.aspx

来自 “ ITPUB博客 ” ，链接：http://blog.itpub.net/23493047/viewspace-1033130/，如需转载，请注明出处，否则将追究法律责任。

转载于:http://blog.itpub.net/23493047/viewspace-1033130/