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 简练的几个函数
Aug 29 Javascript
ExtJS 工具栏 分页事件参数
Mar 05 Javascript
使用jQuery.Validate进行客户端验证(初级篇) 不使用微软验证控件的理由
Jun 28 Javascript
jQuery初学:find()方法及children方法的区别分析
Jan 31 Javascript
ToolTips JQEURY插件之简洁小提示框效果
Nov 19 Javascript
使用jquery读取html5 localstorage的值的方法
Jan 04 Javascript
jQuery遍历Form示例代码
Sep 03 Javascript
jQuery基本选择器(实例及表单域value的获取方法)
May 20 Javascript
全面解析JavaScript中apply和call以及bind(推荐)
Jun 15 Javascript
微信小程序如何获取openid及用户信息
Jan 26 Javascript
vue-cli项目中使用Mockjs详解
May 14 Javascript
如何在Vue项目中添加接口监听遮罩
Jan 25 Vue.js
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
PHP5.2下chunk_split()函数整数溢出漏洞 分析
2007/06/06 PHP
PHP多个版本的分析解释
2011/07/21 PHP
解析PHP生成静态html文件的三种方法
2013/06/18 PHP
mac下安装nginx和php
2013/11/04 PHP
php实现的一段简单概率相关代码
2016/05/30 PHP
PHP实现 APP端微信支付功能
2018/06/22 PHP
使用git迁移Laravel项目至新开发环境的步骤详解
2020/04/06 PHP
刷新页面实现方式总结(HTML,ASP,JS)
2008/11/13 Javascript
Javascript解决常见浏览器兼容问题的12种方法
2010/01/04 Javascript
Struts2的s:radio标签使用及用jquery添加change事件
2013/04/08 Javascript
仿JQuery输写高效JSLite代码的一些技巧
2015/01/13 Javascript
js微信分享实现代码
2020/10/11 Javascript
极简主义法编写JavaScript类
2017/11/02 Javascript
Vue 2.0学习笔记之使用$refs访问Vue中的DOM
2017/12/19 Javascript
细说webpack源码之compile流程-rules参数处理技巧(2)
2017/12/26 Javascript
vue实现修改图片后实时更新
2019/11/14 Javascript
jQuery实现鼠标滑动切换图片
2020/05/27 jQuery
Python XML RPC服务器端和客户端实例
2014/11/22 Python
python查询sqlite数据表的方法
2015/05/08 Python
python 使用sys.stdin和fileinput读入标准输入的方法
2018/10/17 Python
Python实现滑动平均(Moving Average)的例子
2019/08/24 Python
Python Collatz序列实现过程解析
2019/10/12 Python
详解如何在PyCharm控制台中输出彩色文字和背景
2020/08/17 Python
Python+OpenCV图像处理——实现直线检测
2020/10/23 Python
HTML5本地存储localStorage、sessionStorage基本用法、遍历操作、异常处理等
2014/05/08 HTML / CSS
医学专业五年以上个人求职信
2013/12/03 职场文书
社团文化节邀请函
2014/01/10 职场文书
广告创意求职信
2014/03/17 职场文书
保护环境建议书100字
2014/05/13 职场文书
信访维稳承诺书
2015/05/04 职场文书
教师“一帮一”结对子活动总结
2015/05/07 职场文书
新教师2015年度工作总结
2015/07/22 职场文书
公司财务管理制度
2015/08/04 职场文书
Python序列化与反序列化相关知识总结
2021/06/08 Python
SpringCloud项目如何解决log4j2漏洞
2022/04/10 Java/Android
win10系统xps文件怎么打开?win10打开xps文件的两种操作方法
2022/07/23 数码科技