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 相关文章推荐
分页栏的web标准实现
Nov 01 Javascript
javascript动态创建表格及添加数据实例详解
May 13 Javascript
js阻止浏览器默认行为的简单实例
May 15 Javascript
BootStrap selectpicker后台动态绑定数据
Jun 01 Javascript
基于canvas粒子系统的构建详解
Aug 31 Javascript
详解require.js配置路径的用法和css的引入
Sep 06 Javascript
jQuery实现的简单歌词滚动功能示例
Jan 07 jQuery
微信小程序实现多选删除列表数据功能示例
Jan 15 Javascript
vue2.0 如何在hash模式下实现微信分享
Jan 22 Javascript
微信小程序中转义字符的处理方法
Mar 28 Javascript
详解express使用vue-router的history踩坑
Jun 05 Javascript
layui固定下拉框的显示条数(有滚动条)的方法
Sep 10 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
解析mysql中UNIX_TIMESTAMP()函数与php中time()函数的区别
2013/06/24 PHP
常用PHP框架功能对照表
2014/10/23 PHP
PHP通过GD库实现验证码功能示例
2019/02/23 PHP
PHP7 弃用功能
2021/03/09 PHP
javascript中的变量是传值还是传址的?
2010/04/19 Javascript
jqeury eval将字符串转换json的方法
2011/01/20 Javascript
IE6 hack for js 集锦
2014/09/23 Javascript
深入理解JavaScript系列(35):设计模式之迭代器模式详解
2015/03/03 Javascript
基于jquery实现多选下拉列表
2017/08/02 jQuery
elemetUi 组件--el-upload实现上传Excel文件的实例
2017/10/27 Javascript
js实现上传并压缩图片效果
2018/01/10 Javascript
angular.js实现列表orderby排序的方法
2018/10/02 Javascript
js实现web调用摄像头 js截取视频画面
2019/04/21 Javascript
[02:41]《西雅图我们来了》2015国际邀请赛出征全记录
2015/07/23 DOTA
Python中的ceil()方法使用教程
2015/05/14 Python
Python在Console下显示文本进度条的方法
2016/02/14 Python
python邮件发送smtplib使用详解
2020/06/16 Python
python的pip安装以及使用教程
2018/09/18 Python
python爬虫之自动登录与验证码识别
2020/06/15 Python
Pytorch中实现只导入部分模型参数的方式
2020/01/02 Python
tensorflow实现在函数中用tf.Print输出中间值
2020/01/21 Python
Python chardet库识别编码原理解析
2020/02/18 Python
python使用nibabel和sitk读取保存nii.gz文件实例
2020/07/01 Python
Python importlib模块重载使用方法详解
2020/10/13 Python
解决python3输入的坑——input()
2020/12/05 Python
使用phonegap进行提示操作的具体方法
2017/03/30 HTML / CSS
前台接待员岗位职责
2014/01/02 职场文书
办公室前台岗位职责
2014/01/04 职场文书
打造高效课堂实施方案
2014/03/22 职场文书
岗位竞聘书范文
2014/03/31 职场文书
2014年光棍节活动策划方案(创意集锦)
2014/09/29 职场文书
不尊敬老师检讨书范文
2014/11/19 职场文书
2015新年联欢晚会开场白
2014/12/14 职场文书
教师党员个人总结
2015/02/10 职场文书
遗失说明具结保证书
2015/02/26 职场文书
2015年高校教师个人工作总结
2015/05/25 职场文书