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 相关文章推荐
基于jQuery的让非HTML5浏览器支持placeholder属性的代码
May 24 Javascript
Javascript中的异步编程规范Promises/A详细介绍
Jun 06 Javascript
jquery 获取 outerHtml 包含当前节点本身的代码
Oct 30 Javascript
安装使用Mongoose配合Node.js操作MongoDB的基础教程
Mar 01 Javascript
基于jQuery实现仿百度首页选项卡切换效果
May 29 Javascript
javascript中数组和字符串的方法对比
Jul 20 Javascript
javaScript生成支持中文带logo的二维码(jquery.qrcode.js)
Jan 03 Javascript
浅谈Node.js ORM框架Sequlize之表间关系
Jul 24 Javascript
vue项目base64字符串转图片的实现代码
Jul 13 Javascript
浅谈VUE中演示v-for为什么要加key
Jan 16 Javascript
jQuery实现简单评论功能
Aug 19 jQuery
H5 js点击按钮复制文本到粘贴板
Nov 19 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批量添加数据与批量更新数据的实现方法
2014/12/16 PHP
PHP实现GIF图片验证码
2015/11/04 PHP
PHP实现Google plus的好友拖拽分组效果
2016/10/21 PHP
PHP绕过open_basedir限制操作文件的方法
2018/06/10 PHP
JavaScript将Table导出到Excel实现思路及代码
2013/03/13 Javascript
A标签中通过href和onclick传递的this对象实现思路
2013/04/19 Javascript
Node.js node-schedule定时任务隔多少分钟执行一次的方法
2015/02/10 Javascript
本人自用的global.js库源码分享
2015/02/28 Javascript
JavaScript中for循环的使用详解
2015/06/03 Javascript
简介JavaScript中setUTCSeconds()方法的使用
2015/06/12 Javascript
Javascript中的作用域和上下文深入理解
2015/07/03 Javascript
JS求解三元一次方程组值的方法
2017/01/03 Javascript
AngularJS 文件上传控件 ng-file-upload详解
2017/01/13 Javascript
JavaScript实现动态添加Form表单元素的方法示例
2017/08/14 Javascript
vue父组件点击触发子组件事件的实例讲解
2018/02/08 Javascript
vue 解决addRoutes动态添加路由后刷新失效问题
2018/07/02 Javascript
详解html-webpack-plugin插件(用法总结)
2018/09/12 Javascript
使用electron实现百度网盘悬浮窗口功能的示例代码
2018/10/24 Javascript
Vue3.0数据响应式原理详解
2019/10/09 Javascript
基于JavaScript实现控制下拉列表
2020/05/08 Javascript
js实现简单选项卡制作
2020/08/05 Javascript
基于Vant UI框架实现时间段选择器
2020/12/24 Javascript
jQuery实现手风琴特效
2021/01/11 jQuery
python编程通过蒙特卡洛法计算定积分详解
2017/12/13 Python
python list格式数据excel导出方法
2018/10/31 Python
解决Python pandas plot输出图形中显示中文乱码问题
2018/12/12 Python
python3的print()函数的用法图文讲解
2019/07/16 Python
Tensorflow训练模型越来越慢的2种解决方案
2020/02/07 Python
python实现图像高斯金字塔的示例代码
2020/12/11 Python
修理厂厂长岗位职责
2014/01/30 职场文书
体育活动总结范文
2014/05/04 职场文书
基层党建工作宣传标语
2014/06/24 职场文书
暑假安全保证书
2015/02/28 职场文书
推广普通话宣传标语口号
2015/12/26 职场文书
2016学雷锋优秀志愿者事迹材料
2016/02/25 职场文书
诗词赏析-(浣溪沙)
2019/08/13 职场文书