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 相关文章推荐
网页的标准,IMG不支持onload标签怎么办
Jun 29 Javascript
Extjs ajax同步请求时post方式参数发送方式
Aug 05 Javascript
控制页面按钮在后台执行期间不重复提交的JS方法
Jun 24 Javascript
js加载之使用DOM方法动态加载Javascript文件
Nov 08 Javascript
js 跳出页面的frameset框架示例介绍
Dec 23 Javascript
文本框(input)获取焦点(onfocus)时样式改变的示例代码
Jan 10 Javascript
跟我学Node.js(四)---Node.js的模块载入方式与机制
Jun 04 Javascript
jquery分页插件jquery.pagination.js使用方法解析
Apr 01 Javascript
利用Angularjs和Bootstrap前端开发案例实战
Aug 27 Javascript
微信小程序  网络请求API详解
Oct 25 Javascript
jquery easyui validatebox remote的使用详解
Nov 09 Javascript
webpack 1.x升级过程中的踩坑总结大全
Aug 09 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中模拟处理HTTP PUT请求的例子
2014/07/22 PHP
yii2.0数据库迁移教程【多个数据库同时同步数据】
2016/10/08 PHP
PHP使用PDO操作sqlite数据库应用案例
2019/03/07 PHP
掌握PHP垃圾回收机制详解
2019/03/13 PHP
php实现登录页面的简单实例
2019/09/29 PHP
jQuery获取地址栏参数插件(模仿C#)
2010/10/26 Javascript
JS分割字符串并放入数组的函数
2011/07/04 Javascript
《JavaScript高级程序设计》阅读笔记(三) ECMAScript中的引用类型
2012/02/27 Javascript
使用jQuery时Form表单元素ID和name命名大忌
2014/03/06 Javascript
JS截取url中问号后面参数的值信息
2014/04/29 Javascript
jquery动态改变div宽度和高度
2015/02/09 Javascript
jquery实现的代替传统checkbox样式插件
2015/06/19 Javascript
实现React单页应用的方法详解
2016/08/02 Javascript
细数JavaScript 一个等号,两个等号,三个等号的区别
2016/10/09 Javascript
全屏滚动插件fullPage.js使用实例解析
2016/10/21 Javascript
js select下拉联动 更具级联性!
2020/04/17 Javascript
angularJs中orderBy筛选以及filter过滤数据的方法
2018/09/30 Javascript
详解Vue+elementUI build打包部署后字体图标丢失问题
2020/07/13 Javascript
[42:00]完美世界DOTA2联赛PWL S3 Phoenix vs INK ICE 第一场 12.13
2020/12/17 DOTA
Python抓取Discuz!用户名脚本代码
2013/12/30 Python
Python实现将罗马数字转换成普通阿拉伯数字的方法
2017/04/19 Python
Django中日期处理注意事项与自定义时间格式转换详解
2018/08/06 Python
python调用c++传递数组的实例
2019/02/13 Python
python中的subprocess.Popen()使用详解
2019/12/25 Python
实现ECharts双Y轴左右刻度线一致的例子
2020/05/16 Python
利用CSS3 动画 绘画 圆形动态时钟
2018/03/20 HTML / CSS
爱尔兰电子产品购物网站:Komplett.ie
2018/04/04 全球购物
C#里面如何倒序排列一个数组的元素?
2013/06/21 面试题
中科软笔试题和面试题
2014/10/07 面试题
销售员岗位职责
2014/06/09 职场文书
新闻人物通讯稿
2014/10/09 职场文书
安全教育观后感
2015/06/17 职场文书
Go语言 go程释放操作(退出/销毁)
2021/04/30 Golang
python process模块的使用简介
2021/05/14 Python
springboot @ConfigurationProperties和@PropertySource的区别
2021/06/11 Java/Android
Spring Bean的实例化之属性注入源码剖析过程
2021/06/13 Java/Android