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 相关文章推荐
类似CSDN图片切换效果脚本
Sep 17 Javascript
JQuery 选择和过滤方法代码总结
Nov 19 Javascript
jQuery学习笔记之DOM对象和jQuery对象
Dec 22 Javascript
php常见的页面跳转方法汇总
Apr 15 Javascript
深入讲解AngularJS中的自定义指令的使用
Jun 18 Javascript
原生JavaScript实现瀑布流布局
Jun 28 Javascript
vue使用Axios做ajax请求详解
Jun 07 Javascript
JS+HTML5 FileReader实现文件上传前本地预览功能
Mar 27 Javascript
微信小程序实现通过双向滑动缩放图片大小的方法
Dec 30 Javascript
vue实现滑动到底部加载更多效果
Oct 27 Javascript
Javascript实现鼠标点击冒泡特效
Dec 24 Javascript
谈谈我在vue-cli3中用预渲染遇到的坑
Apr 22 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 XML备份Mysql数据库
2009/05/27 PHP
PHP实现HTTP断点续传的方法
2015/06/17 PHP
Zend Framework教程之Zend_Config_Xml用法分析
2016/03/23 PHP
Yii2 输出xml格式数据的方法
2016/05/03 PHP
php数据结构之顺序链表与链式线性表示例
2018/01/22 PHP
非阻塞动态加载javascript广告实现代码
2010/11/17 Javascript
基于jquery中children()与find()的区别介绍
2013/04/26 Javascript
jquery mobile changepage的三种传参方法介绍
2013/09/13 Javascript
如何实现textarea里的不同文本显示不同颜色
2014/01/20 Javascript
JS设置cookie、读取cookie、删除cookie
2015/04/17 Javascript
jquery $.trim()去除字符串空格的实现方法【附图例】
2016/03/30 Javascript
jQuery DataTables插件自定义Ajax分页实例解析
2020/04/28 Javascript
jQuery Password Validation密码验证
2016/12/30 Javascript
JS实现加载时锁定HTML页面元素的方法
2017/06/24 Javascript
jQuery动画_动力节点节点Java学院整理
2017/07/04 jQuery
bootstrap-table实现服务器分页的示例 (spring 后台)
2017/09/01 Javascript
Vue使用vue-area-linkage实现地址三级联动效果的示例
2018/06/27 Javascript
详细分析vue响应式原理
2020/06/22 Javascript
[00:30]明星选手化身超级英雄!2018DOTA2亚洲邀请赛全明星赛来临!
2018/04/06 DOTA
python调用windows api锁定计算机示例
2014/04/17 Python
Python编程实现蚁群算法详解
2017/11/13 Python
对python 矩阵转置transpose的实例讲解
2018/04/17 Python
python实现自动化上线脚本的示例
2019/07/01 Python
python查看文件大小和文件夹内容的方法
2019/07/08 Python
python gdal安装与简单使用
2019/08/01 Python
python3 map函数和filter函数详解
2019/08/26 Python
nginx+uwsgi+django环境搭建的方法步骤
2019/11/25 Python
Python3和PyCharm安装与环境配置【图文教程】
2020/02/14 Python
Jupyter Notebook打开任意文件夹操作
2020/04/14 Python
Python如何执行系统命令
2020/09/23 Python
Python txt文件如何转换成字典
2020/11/03 Python
纯css3实现思维导图样式示例
2018/11/01 HTML / CSS
2014年最新学习全国两会精神心得
2014/03/17 职场文书
领导干部作风建设工作总结
2014/10/23 职场文书
2019企业给员工的慰问信
2019/06/24 职场文书
Win11 BitLocker 驱动器加密
2022/04/19 数码科技