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 checkbox,radio是否选中的判断代码
Mar 20 Javascript
常用一些Javascript判断函数
Aug 14 Javascript
iframe子页面获取父页面元素的方法
Nov 05 Javascript
js 走马灯简单实例
Nov 21 Javascript
基于Jquery代码实现手风琴菜单
Nov 19 Javascript
AngularJS基础 ng-init 指令简单示例
Aug 02 Javascript
js实现五星评价功能
Mar 08 Javascript
JS+Ajax实现百度智能搜索框
Aug 04 Javascript
vue-awesome-swiper滑块插件使用方法详解
Nov 27 Javascript
jquery添加div实现消息聊天框
Feb 08 jQuery
前端使用crypto.js进行加密的函数代码
Aug 16 Javascript
Vue和React有哪些区别
Sep 12 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
怎样在UNIX系统下安装php3
2006/10/09 PHP
Laravel实现自定义错误输出内容的方法
2016/10/10 PHP
JavaScript中的原始值和复杂值
2016/01/07 Javascript
JavaScript 计算笛卡尔积实例详解
2016/12/02 Javascript
Vue.js路由vue-router使用方法详解
2017/03/20 Javascript
node.js实现登录注册页面
2017/04/08 Javascript
vue生命周期和react生命周期对比【推荐】
2018/09/19 Javascript
Node.js API详解之 net模块实例分析
2020/05/18 Javascript
element-plus一个vue3.xUI框架(element-ui的3.x 版初体验)
2020/12/02 Vue.js
[01:32]2016国际邀请赛中国区预选赛IG战队首日赛后采访
2016/06/27 DOTA
python 捕获shell脚本的输出结果实例
2017/01/04 Python
Python入门必须知道的11个知识点
2018/03/21 Python
django框架自定义用户表操作示例
2018/08/07 Python
使用PyQtGraph绘制精美的股票行情K线图的示例代码
2019/03/14 Python
详解python校验SQL脚本命名规则
2019/03/22 Python
详解Pandas之容易让人混淆的行选择和列选择
2019/07/10 Python
在python中用url_for构造URL的方法
2019/07/25 Python
Python箱型图绘制与特征值获取过程解析
2019/10/22 Python
解决keras GAN训练是loss不发生变化,accuracy一直为0.5的问题
2020/07/02 Python
python编写扎金花小程序的实例代码
2021/02/23 Python
意大利在线大学图书馆:Libreria universitaria
2019/07/16 全球购物
澳大利亚手袋、珠宝和在线时尚精品店:The Way
2019/12/21 全球购物
介绍一下Cookie和Session及他们之间的区别
2012/11/20 面试题
什么是Deployment descriptors;都有什么类型的部署描述符
2015/07/28 面试题
linux面试相关问题
2012/08/11 面试题
英文版销售经理个人求职信
2013/11/20 职场文书
公益活动策划方案
2014/01/09 职场文书
浪费资源的建议书
2014/03/12 职场文书
《埃及的金字塔》教学反思
2014/04/07 职场文书
爱心捐助倡议书
2014/05/19 职场文书
2015出纳试用期工作总结
2014/12/12 职场文书
大学军训通讯稿
2015/07/18 职场文书
交通安全教育主题班会
2015/08/12 职场文书
八年级物理教学反思
2016/02/19 职场文书
vite+vue3.0+ts+element-plus快速搭建项目的实现
2021/06/24 Vue.js
Windows下载并安装MySQL8.0.x 版本的完整教程
2022/04/10 MySQL