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 相关文章推荐
8个超棒的学习 jQuery 的网站 推荐收藏
Apr 02 Javascript
jquery 实现表单验证功能代码(简洁)
Jul 03 Javascript
javascript中比较字符串是否相等的方法
Jul 23 Javascript
JavaScript跨浏览器获取页面中相同class节点的方法
Mar 03 Javascript
JS获取及设置TextArea或input文本框选择文本位置的方法
Mar 24 Javascript
jquery css实现邮箱自动补全
Nov 14 Javascript
js 原生判断内容区域是否滚动到底部的实例代码
Nov 15 Javascript
基于vue实现网站前台的权限管理(前后端分离实践)
Jan 13 Javascript
JS中offset和匀速动画详解
Feb 06 Javascript
node.js中TCP Socket多进程间的消息推送示例详解
Jul 10 Javascript
如何使用Node.js爬取任意网页资源并输出PDF文件到本地
Jun 17 Javascript
JS精髓原型链继承及构造函数继承问题纠正
Jun 16 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编写的一个E-mail验证类
2015/03/25 PHP
php利用事务处理转账问题
2015/04/22 PHP
php生成Android客户端扫描可登录的二维码
2016/05/13 PHP
PHP编写简单的App接口
2016/08/28 PHP
PHP入门教程之表单与验证实例详解
2016/09/11 PHP
利用jQuery的$.event.fix函数统一浏览器event事件处理
2009/12/21 Javascript
jquery小火箭返回顶部代码分享
2015/08/19 Javascript
jQuery Validate初步体验(二)
2015/12/12 Javascript
JS封装的选项卡TAB切换效果示例
2016/09/20 Javascript
js实现简单的网页换肤效果
2017/01/18 Javascript
Kindeditor单独调用单图上传增加预览功能的实例
2017/07/31 Javascript
JavaScript中Hoisting详解 (变量提升与函数声明提升)
2017/08/18 Javascript
微信小程序视图控件与bindtap之间的问题的解决
2019/04/08 Javascript
vue项目打包后上传至GitHub并实现github-pages的预览
2019/05/06 Javascript
js如何获取访问IP、地区、当前操作浏览器
2019/07/23 Javascript
深度解读vue-resize的具体用法
2020/07/08 Javascript
[15:39]教你分分钟做大人:龙骑士
2014/10/30 DOTA
[47:42]完美世界DOTA2联赛PWL S2 GXR vs Ink 第一场 11.19
2020/11/20 DOTA
基于Python对象引用、可变性和垃圾回收详解
2017/08/21 Python
Python3.5实现的罗马数字转换成整数功能示例
2019/02/25 Python
Django 自定义权限管理系统详解(通过中间件认证)
2020/03/11 Python
英国最大的在线照明商店:Litecraft
2020/08/31 全球购物
PHP如何去执行一个SQL语句
2016/03/05 面试题
高级工程师岗位职责
2013/12/15 职场文书
公司端午节活动方案
2014/02/04 职场文书
节约用电标语
2014/06/17 职场文书
学习十八大的心得体会
2014/09/12 职场文书
圣诞晚会主持词
2015/07/01 职场文书
2016年端午节寄语
2015/12/04 职场文书
先进党支部事迹材料2016
2016/02/26 职场文书
某学校的2019年度工作报告范本
2019/10/11 职场文书
MySQL root密码的重置方法
2021/04/21 MySQL
mysql数据库入门第一步之创建表
2021/05/14 MySQL
详解Redis集群搭建的三种方式
2021/05/31 Redis
html form表单基础入门案例讲解
2021/07/21 HTML / CSS
MySQL如何使备份得数据保持一致
2022/05/02 MySQL