JavaScript操作表单实例讲解(上)


Posted in Javascript onJune 20, 2016

一、获得表单引用

1>通过直接定位的方式来获取

document.getElementById();
document.getElementsByName();
document.getElementsByTagName();

2>通过集合的方式来获取引用

document.forms[下标]
document.forms["name"]
document.forms.name

3>通过name直接获取“(只适用于表单)

document.name

二、获得表单元素的引用

1>直接获取

document.getElementById();
document.getElementsByName();
document.getElementsByTagName();

2>通过集合来获取

表单对象.elements 获得表单里面所有元素的集合
表单对象.elements[下标]
表单对象.elements["name"]
表单对象.elements.name

3>直接通过name的形式

表单对象.name

三、表单元素共同的属性和方法

1>获取表单元素的值

表单元素对象.value 获取或是设置值

2>属性

disabled 获取或设置表单控件是否禁用 true false
form 指向包含本元素的表单的引用

3>方法

blur()失去焦点
focus() 获得焦点

以上所述是小编给大家介绍的JavaScript操作表单实例讲解(上),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
JavaScript动态调整TextArea高度的代码
Dec 28 Javascript
JQueryiframe页面操作父页面中的元素与方法(实例讲解)
Nov 19 Javascript
js浮点数精确计算(加、减、乘、除)
Dec 26 Javascript
jquery动态分页效果堪比时光网
Sep 25 Javascript
PHP+MySQL+jQuery随意拖动层并即时保存拖动位置实例讲解
Oct 09 Javascript
原生js模拟淘宝购物车项目实战
Nov 18 Javascript
jQuery中实现prop()函数控制多选框(全选,反选)
Aug 19 Javascript
JavaScript探测CSS动画是否已经完成的方法
Aug 30 Javascript
w3c编程挑战_初级脚本算法实战篇
Jun 23 Javascript
JS运动特效之任意值添加运动的方法分析
Jan 24 Javascript
深入浅出理解JavaScript闭包的功能与用法
Aug 01 Javascript
Vue时间轴 vue-light-timeline的用法说明
Oct 29 Javascript
jquery 获取select数组与name数组长度的实现代码
Jun 20 #Javascript
JavaScript提升性能的常用技巧总结【经典】
Jun 20 #Javascript
使用jQuery给input标签设置默认值
Jun 20 #Javascript
js中获取时间new Date()的全面介绍
Jun 20 #Javascript
AngularJs Javascript MVC 框架
Jun 20 #Javascript
jQuery 限制输入字符串长度
Jun 20 #Javascript
JavaScript函数节流概念与用法实例详解
Jun 20 #Javascript
You might like
生成静态页面的PHP类
2006/11/25 PHP
使用PHP socke 向指定页面提交数据
2008/07/23 PHP
第4章 数据处理-php正则表达式-郑阿奇(续)
2011/07/04 PHP
PHP模块化安装教程
2016/06/01 PHP
Windows Server 2008 R2和2012中PHP连接MySQL过慢的解决方法
2016/07/02 PHP
php使用fputcsv实现大数据的导出操作详解
2020/02/27 PHP
javascript 表单规则集合对象
2009/07/21 Javascript
javascript中创建对象的三种常用方法
2010/12/30 Javascript
JavaScript实现url地址自动检测并添加URL链接示例代码
2013/11/12 Javascript
页面加载完成后再执行JS的jquery写法以及区别说明
2014/02/22 Javascript
jQuery CSS()方法改变现有的CSS样式表
2014/09/09 Javascript
原生js实现日期联动
2015/01/12 Javascript
JavaScript中逗号运算符介绍及使用示例
2015/03/13 Javascript
jquery $.trim()去除字符串空格的实现方法【附图例】
2016/03/30 Javascript
Jquery 自定义事件实现发布/订阅的简单实例
2016/06/12 Javascript
单行 JS 实现移动端金钱格式的输入规则
2017/05/22 Javascript
vue自定义插件封装,实现简易的elementUi的Message和MessageBox的示例
2020/11/20 Vue.js
[01:14:10]2014 DOTA2国际邀请赛中国区预选赛 SPD-GAMING VS Orenda
2014/05/22 DOTA
Python实现确认字符串是否包含指定字符串的实例
2018/05/02 Python
详解python中Numpy的属性与创建矩阵
2018/09/10 Python
python调用摄像头拍摄数据集
2019/06/01 Python
python实现邮件发送功能
2019/08/10 Python
win10下python2和python3共存问题解决方法
2019/12/23 Python
Python集成开发工具Pycharm的安装和使用详解
2020/03/18 Python
Python多线程正确用法实例解析
2020/05/30 Python
python怎么对数字进行过滤
2020/07/05 Python
美国瑜伽品牌:Gaiam
2017/10/31 全球购物
铭宣海淘转运:美国、日本、英国转运等全球转运公司
2019/09/10 全球购物
十佳大学生村官事迹
2014/01/09 职场文书
怎样写好自我评价呢?
2014/02/16 职场文书
文秘应聘自荐书范文
2014/02/18 职场文书
五好文明家庭事迹材料
2014/12/20 职场文书
地道战观后感300字
2015/06/04 职场文书
金榜题名主持词
2015/07/02 职场文书
导游词之上海豫园
2019/10/24 职场文书
python实现Nao机器人的单目测距
2021/09/04 Python