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 相关文章推荐
JS类中定义原型方法的两种实现的区别
Mar 08 Javascript
location.href 在IE6中不跳转的解决方法与推荐使用代码
Jul 08 Javascript
Firefox中beforeunload事件的实现缺陷浅析
May 03 Javascript
js复制到剪切板的实例方法
Jun 28 Javascript
jquery实现标题字体变换的滑动门菜单效果
Sep 07 Javascript
深入浅析JavaScript面向对象和原型函数
Feb 06 Javascript
学习AngularJs:Directive指令用法(完整版)
Apr 26 Javascript
JS判断浏览器是否安装flash插件的简单方法
Sep 13 Javascript
简易Vue评论框架的实现(父组件的实现)
Jan 08 Javascript
vue左侧菜单,树形图递归实现代码
Aug 24 Javascript
layui实现二维码弹窗、并下载到本地的方法
Sep 25 Javascript
部署vue+Springboot前后端分离项目的步骤实现
May 31 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+DBM的同学录程序(1)
2006/10/09 PHP
php对文件进行hash运算的方法
2015/04/03 PHP
php实现简单的上传进度条
2015/11/17 PHP
onsubmit阻止form表单提交与onclick的相关操作
2010/09/03 Javascript
jquery和javascript的区别(常用方法比较)
2013/07/04 Javascript
Angularjs中UI Router的使用方法
2016/05/14 Javascript
JS针对浏览器窗口关闭事件的监听方法集锦
2016/06/24 Javascript
JavaScript lodash常见用法系列小结
2016/08/24 Javascript
nodejs acl的用户权限管理详解
2018/03/14 NodeJs
vue-resource请求实现http登录拦截或者路由拦截的方法
2018/07/11 Javascript
详解vue-property-decorator使用手册
2019/07/29 Javascript
微信小程序 checkbox使用实例解析
2019/09/09 Javascript
使用jQuery实现掷骰子游戏
2019/10/24 jQuery
小程序实现点击tab切换左右滑动
2020/11/16 Javascript
忘记ftp密码使用python ftplib库暴力破解密码的方法示例
2014/01/22 Python
python使用分治法实现求解最大值的方法
2015/05/12 Python
KMP算法精解及其Python版的代码示例
2016/06/01 Python
python实现八大排序算法(1)
2017/09/14 Python
Python3实战之爬虫抓取网易云音乐的热门评论
2017/10/09 Python
解决Spyder中图片显示太小的问题
2018/04/27 Python
Python面向对象类继承和组合实例分析
2018/05/28 Python
pandas数据集的端到端处理
2019/02/18 Python
python调用自定义函数的实例操作
2019/06/26 Python
Python列表对象实现原理详解
2019/07/01 Python
keras .h5转移动端的.tflite文件实现方式
2020/05/25 Python
详解使用python爬取抖音app视频(appium可以操控手机)
2021/01/26 Python
HTML5实现简单图片上传所遇到的问题及解决办法
2016/01/20 HTML / CSS
英国品牌男装折扣网站:Brown Bag
2018/03/08 全球购物
迪卡侬印尼体育用品商店:Decathlon印尼
2020/03/11 全球购物
信息专业本科生个人的自我评价
2013/10/28 职场文书
《三顾茅庐》教学反思
2014/04/10 职场文书
工商企业管理应届生求职信
2014/05/04 职场文书
韩语专业职业生涯规划范文:成功之路就在我们脚下
2014/09/11 职场文书
2014年学生会主席工作总结
2014/11/07 职场文书
导游词之太湖
2019/10/08 职场文书
python数字图像处理之图像的批量处理
2022/06/28 Python