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 相关文章推荐
一个不错的字符串转码解码函数(自写)
Jul 31 Javascript
Javascript实现单张图片浏览
Dec 18 Javascript
JavaScript中几种排序算法的简单实现
Jul 29 Javascript
详解JavaScript的变量和数据类型
Nov 27 Javascript
js修改onclick动作的四种方法(推荐)
Aug 18 Javascript
JS重载实现方法分析
Dec 16 Javascript
浅谈Node 调试工具入门教程
Mar 20 Javascript
springMvc 前端用json的方式向后台传递对象数组方法
Aug 07 Javascript
nuxt中使用路由守卫的方法步骤
Jan 27 Javascript
Vue2.0实现简单分页及跳转效果
Jul 29 Javascript
Auto.JS实现抖音刷宝等刷视频app,自动点赞,自动滑屏,自动切换视频功能
May 08 Javascript
JavaScript日期库date-fn.js使用方法解析
Sep 09 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
大师制作的中短波矿石收音机
2020/04/02 无线电
Discuz! Passport 通行证整合
2008/03/27 PHP
php从数组中随机抽取一些元素的代码
2012/11/05 PHP
PHP Class&Object -- PHP 自排序二叉树的深入解析
2013/06/25 PHP
php顺序查找和二分查找示例
2014/03/27 PHP
php制作简单模版引擎
2016/04/07 PHP
浅谈PHP中的Trait使用方法
2019/03/22 PHP
JavaScript 布尔操作符解析  && || !
2012/08/10 Javascript
jQuery输入城市查看地图使用介绍
2013/05/08 Javascript
javascript实现分栏显示小技巧附图
2014/10/13 Javascript
JavaScript模仿Pinterest实现图片预加载功能
2016/10/25 Javascript
微信小程序 wxapp视图容器 view详解
2016/10/31 Javascript
Vue插件写、用详解(附demo)
2017/03/20 Javascript
Javascript实现页面滚动时导航智能定位
2017/05/06 Javascript
JavaScrip关于创建常量的知识点
2017/12/07 Javascript
在Vue 中使用Typescript的示例代码
2018/09/10 Javascript
ES6函数实现排它两种写法解析
2020/05/13 Javascript
vue实现单一筛选、删除筛选条件
2020/10/26 Javascript
使用js原生实现年份轮播选择效果实例
2021/01/12 Javascript
[02:18]DOTA2英雄基础教程 育母蜘蛛
2014/01/20 DOTA
Python中用Ctrl+C终止多线程程序的问题解决
2013/03/30 Python
Python统计单词出现的次数
2018/04/04 Python
python解决pandas处理缺失值为空字符串的问题
2018/04/08 Python
selenium在执行phantomjs的API并获取执行结果的方法
2018/12/17 Python
Python re 模块findall() 函数返回值展现方式解析
2019/08/09 Python
浅谈python输出列表元素的所有排列形式
2020/02/26 Python
tensorflow2.0教程之Keras快速入门
2021/02/20 Python
5分钟实现Canvas鼠标跟随动画背景
2019/11/18 HTML / CSS
阿迪达斯丹麦官网:adidas丹麦
2016/10/01 全球购物
TripAdvisor印尼站:全球领先的旅游网站
2018/03/15 全球购物
单身旅行者的单身假期:Just You
2018/04/08 全球购物
专家推荐信模板
2014/05/09 职场文书
借条如何写
2015/05/26 职场文书
2015年学生管理工作总结
2015/05/26 职场文书
自愿离婚协议书范本2016
2016/03/18 职场文书
redis cluster支持pipeline的实现思路
2021/06/23 Redis