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设置function参数默认值(适合没有传参情况)
Feb 24 Javascript
javascript获取checkbox复选框获取选中的选项
Aug 12 Javascript
利用原生JavaScript获取元素样式只是获取而已
Oct 08 Javascript
详解JavaScript对W3C DOM模版的支持情况
Jun 16 Javascript
JavaScript动态创建div等元素实例讲解
Jan 06 Javascript
jQuery基于扩展简单实现倒计时功能的方法
May 14 Javascript
使用jQuery实现WordPress中的Ctrl+Enter和@评论回复
May 21 Javascript
JavaScript原生节点操作小结
Jan 17 Javascript
Echarts动态加载多条折线图的实现代码
May 24 Javascript
layui 关闭open弹出框 刷新table表格页面的方法
Sep 16 Javascript
jQuery弹框插件使用方法详解
May 26 jQuery
JavaScript高级程序设计之变量与作用域
Nov 17 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
NO3第三帝国留言簿制作过程
2006/10/09 PHP
PHP编程之高级技巧——利用Mysql函数
2006/10/09 PHP
PHP 伪静态技术原理以及突破原理实现介绍
2013/07/12 PHP
php实现自定义中奖项数和概率的抽奖函数示例
2017/05/26 PHP
PHP Swoole异步读取、写入文件操作示例
2019/10/24 PHP
使用ImageMagick进行图片缩放、合成与裁剪(js+python)
2013/09/16 Javascript
JavaScript设置body高度为浏览器高度的方法
2015/02/09 Javascript
在JavaScript中处理时间之getHours()方法的使用
2015/06/10 Javascript
JS中处理时间之setUTCMinutes()方法的使用
2015/06/12 Javascript
js实现可折叠展开的手风琴菜单效果
2015/09/07 Javascript
Clipboard.js 无需Flash的JavaScript复制粘贴库
2015/10/02 Javascript
json对象与数组以及转换成js对象的简单实现方法
2016/06/24 Javascript
js判断数组key是否存在(不用循环)的简单实例
2016/08/03 Javascript
Nodejs进阶:核心模块net入门学习与实例讲解
2016/11/21 NodeJs
有趣的bootstrap走动进度条
2016/12/01 Javascript
浅析webpack 如何优雅的使用tree-shaking(摇树优化)
2017/08/16 Javascript
Vue 使用中的小技巧
2018/04/26 Javascript
node错误处理与日志记录的实现
2018/12/24 Javascript
JavaScript实现轮播图效果代码实例
2019/09/28 Javascript
新手入门js闭包学习过程解析
2019/10/08 Javascript
Vue-cli打包后部署到子目录下的路径问题说明
2020/09/02 Javascript
python装饰器使用方法实例
2013/11/21 Python
python字典多条件排序方法实例
2014/06/30 Python
python2.7的编码问题与解决方法
2016/10/04 Python
pycharm 主题theme设置调整仿sublime的方法
2018/05/23 Python
Python图像处理之图像的缩放、旋转与翻转实现方法示例
2019/01/04 Python
Python3 单行多行万能正则匹配方法
2019/01/07 Python
python小项目之五子棋游戏
2019/12/26 Python
Python rabbitMQ如何实现生产消费者模式
2020/08/24 Python
The Body Shop美体小铺西班牙官网:天然化妆品
2019/06/21 全球购物
旷课检讨书3000字
2014/02/04 职场文书
企业精神口号
2014/06/11 职场文书
班组长安全工作职责
2014/07/15 职场文书
三严三实对照检查材料思想汇报
2014/09/28 职场文书
廉政承诺书2015
2015/04/28 职场文书
导游词之西安骊山
2019/12/20 职场文书