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开发 如何加载JS,JS应该放在什么位置?
May 14 Javascript
计算世界完全对称日的js代码,粗糙版
Nov 04 Javascript
js实现瀑布流的一种简单方法实例分享
Nov 04 Javascript
用JS实现3D球状标签云示例代码
Dec 01 Javascript
基于iframe实现类似于ajax的页面无刷新
May 31 Javascript
JavaScript中使用arguments获得函数传参个数实例
Aug 27 Javascript
jQuery on()方法绑定动态元素的点击事件实例代码浅析
Jun 16 Javascript
javascript实现滑动解锁功能
Mar 22 Javascript
vue引入jq插件的实例讲解
Sep 12 Javascript
js中的闭包实例展示
Nov 01 Javascript
vue + axios get下载文件功能
Sep 25 Javascript
js实现模拟购物商城案例
May 18 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调用MySQL存储过程的方法集合(推荐)
2013/07/03 PHP
ThinkPHP框架设计及扩展详解
2014/11/25 PHP
PHP实现递归的三种方法
2020/07/04 PHP
js中将字符串转换成json的三种方式
2011/01/12 Javascript
javascript判断两个IP地址是否在同一个网段的实现思路
2013/12/13 Javascript
使用jquery解析XML的方法
2014/09/05 Javascript
js仿百度切换皮肤功能(html+css)
2016/07/10 Javascript
关于JS变量和作用域详解
2016/07/28 Javascript
JS数组去掉重复数据只保留一条的实现代码
2016/08/11 Javascript
bootstrap输入框组使用方法
2017/02/07 Javascript
Angular 1.x个人使用的经验小结
2017/07/19 Javascript
通过源码分析Vue的双向数据绑定详解
2017/09/24 Javascript
AngularJS实现的根据数量与单价计算总价功能示例
2017/12/26 Javascript
web页面和微信小程序页面实现瀑布流效果
2018/09/26 Javascript
详解@angular/cli 改变默认启动端口两种方式
2018/11/29 Javascript
JavaScript canvas实现雪花随机动态飘落
2020/02/08 Javascript
JS面向对象编程基础篇(三) 继承操作实例详解
2020/03/03 Javascript
微信小程序wx.getUserInfo授权获取用户信息(头像、昵称)的实现
2020/08/19 Javascript
[01:24:09]Ti4 冒泡赛第二轮DK vs C9 1
2014/07/14 DOTA
利用Python绘制数据的瀑布图的教程
2015/04/07 Python
Python中用sleep()方法操作时间的教程
2015/05/22 Python
Python模拟随机游走图形效果示例
2018/02/06 Python
在PyCharm中批量查找及替换的方法
2019/01/20 Python
详解从Django Allauth中进行登录改造小结
2019/12/18 Python
pytorch实现seq2seq时对loss进行mask的方式
2020/02/18 Python
文件上传服务器-jupyter 中python解压及压缩方式
2020/04/22 Python
CSS3中媒体查询结合rem布局适配手机屏幕
2019/06/10 HTML / CSS
Doyoueven官网:澳大利亚健身服饰和配饰品牌
2019/03/24 全球购物
上班看电影检讨书
2014/02/12 职场文书
医学求职信
2014/05/28 职场文书
单位作风建设自查报告
2014/10/23 职场文书
2014五年级班主任工作总结
2014/12/05 职场文书
先进事迹材料怎么写
2014/12/30 职场文书
幼儿园2015年度工作总结
2015/04/01 职场文书
MySQL sql_mode修改不生效的原因及解决
2021/05/07 MySQL
python中__slots__节约内存的具体做法
2021/07/04 Python