14 Form表单对象
来源:互联网 发布:javao2o点餐系统源码 编辑:程序博客网 时间:2024/05/21 11:09
Form对象
表单对象,文档对象的子对象,Javascript的Runtime Engine自动为每个表单建立对应的表单对象
属性:
action 表单的动作
elements 以索引表示的所有表单元素
encoding MIME的类型
length 表单元素的个数
mehtod 方法
name 表单名称
target 目标
方法:
handleEvent(event) 使事件处理程序生效
reset() 重置
submit() 提交
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)获取文本框内容的方法
2)文本框获得和失去焦点事件
<textarea cols="50" rows="15" name="code" class="javascript"><mce:script type="text/javascript"><!-- function getFocus(obj){ obj.style.color = "#ff0000"; obj.style.background = "#dbdbdb" ; } function getBlur(obj){ obj.style.color = "#000000"; obj.style.background = "#ffffff"; }// --></mce:script><form> 电话:<input type="text" name="txtTel" onFocus="getFocus(this)" onBlur="getBlur(this)" /></form></textarea>
3)满四位自动下移到下一个文本框的文字输入
2、密码对象
密码对象与文本对象基本相似,只是将type改为password类型。
3、按钮对象、提交按钮对象和重置按钮对象
type="button"||"submit"||"reset"
4、隐藏对象
type="hidden"
5、单选按钮对象
checked 设置该对象为选定状态
defaultChecked 对应该对象的默认选定状态
type="radio"
6、复选框对象
type="checkbox"
7、下拉选择框对象
length 选项的数目
options option标记集合
selectedIndex 所选项目的索引值
选项对象:下接选择框对象的子对象
new Option([显示文本[,值[,defaultSelected[,selected]]]]);
text 该选项显示的文本
value 该选项的值
8、文本域对象
<textarea cols="50" rows="15" name="code" class="javascript"><mce:script type="text/javascript"><!-- function isTooLong(elm){ if(elm.length>50){ alert("留言内容太长,请修改后再发送..."); return false; } } // --></mce:script><form onSubmit="return isTooLong(this.msg.value)"> <textarea name="msg" cols="30" rows="10" onFocus="this.value=''" >欢迎留言,不过请长话短说...</textarea>
- 14 Form表单对象
- JavaScript表单对象Form
- form表单的对象
- 表单--form对象
- JavaScript表单对象Form介绍
- form表单的input对象
- JavaScript表单对象Form介绍
- form 表单格式化成 对象
- JavaScript表单对象Form介绍
- Form对象,表单的笔记
- form表单中常用对象
- form表单的input对象
- form表单序列化与对象装填form表单
- jquery form表单序列化为对象
- form表单转换为json对象
- 将form表单转化为jzvascript对象
- SpringMVC - 页面form表单绑定对象
- 重置form表单为json对象
- 13 Event对象
- 常用远程维护工具使用体会
- SharePoint網站修改服務器名稱
- C++ Bit Fields
- 硬件制版的一些知识
- 14 Form表单对象
- 领域对象设计
- 李开复实现了程序员的最高境界
- 手把手教你Linux系统下快速设置NFS
- rand()和srand()产生伪随机数的方法总结(转)
- 查看机器是32位还是64位
- google weather api
- Document. Cookies
- web.config中globalization设置的问题