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 相关文章推荐
基于mootools插件实现遮罩层新手引导
May 24 Javascript
js操作checkbox遇到的问题解决
Jun 29 Javascript
jQuery计算文本框字数及限制文本框字数的方法
Mar 01 Javascript
分享10个优化代码的CSS和JavaScript工具
May 11 Javascript
JavaScript里 ==与===区别详解
Aug 16 Javascript
jQuery实现点击某个div打开层,点击其他div关闭层实例分析(阻止冒泡)
Nov 18 Javascript
详解Vue中localstorage和sessionstorage的使用
Dec 22 Javascript
node thread.sleep实现示例
Jun 20 Javascript
JQuery Ajax执行跨域请求数据的解决方案
Dec 10 jQuery
react MPA 多页配置详解
Oct 18 Javascript
Vue状态模式实现窗口停靠功能(灵动、自由, 管理后台Admin界面)
Mar 06 Javascript
VSCode搭建React Native环境
May 07 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
收音机史话 - 1960年代前后的DIY
2021/03/02 无线电
常见的PHP五种设计模式小结
2011/03/23 PHP
三种php连接access数据库方法
2013/11/11 PHP
php中get_magic_quotes_gpc()函数说明
2017/02/06 PHP
php判断电子邮件是否正确方法
2018/12/04 PHP
javascript学习网址备忘
2007/05/29 Javascript
FormValid0.5版本发布,带ajax自定义验证例子
2007/08/17 Javascript
基于jquery的当鼠标滚轮到最底端继续加载新数据思路分享(多用于微博、空间、论坛 )
2011/10/10 Javascript
img onload事件绑定各浏览器均可执行
2012/12/19 Javascript
jQuery实现自动调整字体大小的方法
2015/06/15 Javascript
基于javascript实现表格的简单操作
2016/05/21 Javascript
AngularJS实现的省市二级联动功能示例【可对选项实现增删】
2017/10/26 Javascript
vue通过路由实现页面刷新的方法
2018/01/25 Javascript
微信小程序模拟cookie的实现
2018/06/20 Javascript
vue中$set的使用(结合在实际应用中遇到的坑)
2018/07/10 Javascript
使用element-ui的el-menu导航选中后刷新页面保持当前选中状态
2019/07/19 Javascript
解决node终端下运行js文件不支持ES6语法
2020/04/04 Javascript
js实现简单五子棋游戏
2020/05/28 Javascript
Python写的一个定时重跑获取数据库数据
2016/12/28 Python
python数字图像处理之高级滤波代码详解
2017/11/23 Python
Jupyter中直接显示Matplotlib的图形方法
2018/05/24 Python
详解Python Matplotlib解决绘图X轴值不按数组排序问题
2019/08/05 Python
Python进程的通信Queue、Pipe实例分析
2020/03/30 Python
windows上彻底删除jupyter notebook的实现
2020/04/13 Python
size?荷兰官方网站:英国高级运动鞋精品店
2020/07/24 全球购物
SIMON MILLER官网:洛杉矶的生活方式品牌
2020/10/19 全球购物
店长岗位职责
2013/11/21 职场文书
获奖的大学生创业计划书
2014/01/05 职场文书
服装采购员岗位职责
2014/03/15 职场文书
地质工程专业毕业生求职信
2014/08/08 职场文书
2014年幼儿园小班工作总结
2014/12/04 职场文书
西岭雪山导游词
2015/02/06 职场文书
百万英镑观后感
2015/06/09 职场文书
详解MySQL主从复制及读写分离
2021/05/07 MySQL
Python使用psutil库对系统数据进行采集监控的方法
2021/08/23 Python
《杜鹃的婚约》OP主题曲「凸凹」无字幕影像公开
2022/04/08 日漫