javascript对表单的操作

一、获得表单引用

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() 获得焦点

四、表单元素

1、文本域

操作文本域的值

value 属性设置或者获取值

2、单选按钮

checked 返回或者设置单选的选中状态

true 选中 false 未选中

value 属性获取选中的值，必须先判断选中状态。

3、多选按钮

checked 返回或者设置单选的选中状态

true 选中 false 未选中

value 属性获取选中的值，必须先判断选中状态。

4、下拉框

selected 设置或返回下拉框的选中状态

true 选中 false 未选中

selectedIndex 设置或返回下拉框被选中的索引号

5、文本区域

value 操作值

五、验证表单

1.事件

onsubmit 当表单提交的时候触发的事件

onblur

obfocus

onchange

2.return false; 阻止事件的默认行为(适用于所有事件)

六、提交方法

表单的方法

表单对象.submit()

转载于:https://blog.51cto.com/bjishu/1672140

javascript对表单的操作相关推荐

jquery对文本赋值和取值_jQuery对表单元素的取值和赋值操作代码
JS jQuery对表单元素的取值和赋值操作代码作者: 来源:www.28hudong.com2013-03-30 00:52:47 阅读次 $("#keyword")[0].v ...
五、jQuery 对表单、表格的操作（走过路过瞅瞅吧）
文章目录前言一. 表单应用 1.1 单行文本框应用 1.2 多行文本框应用 1.3 复选框应用 1.3 下拉框应用 1.5 表单验证二. 表格应用 2.1 表格变色 2.1.1 普通的隔行变色 ...
php判断表单修改内容,JavaScript判断用户是否对表单进行了修改的方法_javascript技巧...
本文实例讲述了JavaScript判断用户是否对表单进行了修改的方法.分享给大家供大家参考.具体分析如下: 这段JS代码可以判断出用户是否对表单内容进行了修改,如果修改了表单,并退出浏览器,则会提醒用 ...
ASP.NET中对表单输入行有选择验证
在ASP.NET中,有一系列的验证控件,可以很方便地验证用户输入的数据是否合法.尽管这些验证控件十分强大并且容易使用,但它们有一个缺点,那就是,一般在使用它们的时候,在提交网页时,都要对整个网页的用户 ...
《锋利的JQuery》读书要点笔记4——表格表单的操作
第五章 jQuery对表单,表格的操作以及更多应用这章主要以一些具体案例讲解了jQuery对表单,表格的常用操作,以及一些常见的jQuery应用,用到的都是上几章说的东西.下面就以具体的案例来展开. ...
JavaScript基础知识总结 17：JavaScript表单脚本
目录一.表单基础二.提交表单三.表单字段的公共属性.方法.事件 1.表单字段的公共属性 2.表单字段的公共方法 3.表单字段的公共事件四.输入过滤,屏蔽字符五.剪切板事件六.自动切换七. ...
angularjs通过ng-change和watch两种方式实现对表单输入改变的监控
angularjs通过ng-change和watch两种方式实现对表单输入改变的监控直接上练习代码 <!DOCTYPE html> <html xmlns="http:/ ...
javascript 表单验证大全（一）
javascript 表单验证大全(一) 5.身份证验证:包括15位和18位.function idNumber(s)//身份证验证 {regu1=/^[1-9]\d{7}((0\d)|(1[0-2] ...
python代码函数字符查询宝典书籍_Django基础五之django模型层(一)单表操作
二单表操作一.创建表创建模型创建名为book的app,在book下的models.py中创建模型: from django.db importmodels#Create your models ...

javascript对表单的操作

javascript对表单的操作相关推荐

最新文章

热门文章