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中实现命名空间
Nov 23 Javascript
Ext.FormPanel 提交和 Ext.Ajax.request 异步提交函数的区别
Nov 12 Javascript
jQuery中clearQueue()方法用法实例
Dec 29 Javascript
PHP+mysql+Highcharts生成饼状图
May 04 Javascript
JS简单循环遍历json数组的方法
Apr 22 Javascript
微信小程序进行微信支付的步骤昂述
Dec 01 Javascript
基于jQuery实现一个marquee无缝滚动的插件
Mar 09 Javascript
基于Vuejs和Element的注册插件的编写方法
Jul 03 Javascript
使用Webpack提高Vue.js应用的方式汇总(四种)
Jul 10 Javascript
微信小程序 (地址选择1)--选取搜索地点并显示效果
Dec 17 Javascript
vue+springboot图片上传和显示的示例代码
Feb 14 Javascript
js之ajax文件上传
May 13 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
composer.lock文件的作用
2016/02/03 PHP
Yii框架组件和事件行为管理详解
2016/05/20 PHP
CI框架实现创建自定义类库的方法
2018/12/25 PHP
js有关元素内容操作小结
2011/12/20 Javascript
JavaScript学习笔记之DOM基础 2.4
2015/08/14 Javascript
如何实现移动端浏览器不显示 pc 端的广告
2015/10/15 Javascript
javascript DIV实现跟随鼠标移动
2020/03/19 Javascript
原生javascript实现匀速运动动画效果
2016/02/26 Javascript
微信小程序的生命周期的详解
2017/10/19 Javascript
Vue shopCart 组件开发详解
2018/01/26 Javascript
微信小程序多音频播放进度条问题
2018/08/28 Javascript
对angular 监控数据模型变化的事件方法$watch详解
2018/10/09 Javascript
js实现倒计时秒杀效果
2020/03/25 Javascript
Jquery高级应用Deferred对象原理及使用实例
2020/05/28 jQuery
python list使用示例 list中找连续的数字
2014/01/27 Python
从零学python系列之教你如何根据图片生成字符画
2014/05/23 Python
Python中list列表的一些进阶使用方法介绍
2015/08/15 Python
Python之读取TXT文件的方法小结
2018/04/27 Python
Pandas实现数据类型转换的一些小技巧汇总
2018/05/07 Python
python将pandas datarame保存为txt文件的实例
2019/02/12 Python
Python 函数绘图及函数图像微分与积分
2019/11/20 Python
解决keras backend 越跑越慢问题
2020/06/18 Python
CSS3 @keyframes简单动画实现
2018/02/24 HTML / CSS
伊莱克斯(Electrolux)俄罗斯网上商店:瑞典家用电器品牌
2021/01/23 全球购物
电气个人求职信范文
2014/02/04 职场文书
优秀技术工人先进材料
2014/02/17 职场文书
大学生职业规划书的范本
2014/02/18 职场文书
2014年国庆节演讲稿精选范文1500字
2014/09/25 职场文书
实习证明格式范文
2014/10/14 职场文书
工作时间擅自离岗检讨书
2014/10/24 职场文书
2015试用期转正工作总结
2014/12/12 职场文书
护士医德医风心得体会
2016/01/25 职场文书
2019送给家人们的中秋节祝福语
2019/08/15 职场文书
浅谈Python numpy创建空数组的问题
2021/05/25 Python
MySQL连表查询分组去重的实现示例
2021/07/01 MySQL
Java虚拟机内存结构及编码实战分享
2022/04/07 Java/Android