当前位置: 首页 > 编程笔记 >

JavaScript操作表单实例讲解(上)

燕志学
2023-03-14
本文向大家介绍JavaScript操作表单实例讲解(上),包括了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() 获得焦点

以上所述是小编给大家介绍的JavaScript操作表单实例讲解(上),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对小牛知识库网站的支持!

 类似资料:
  • 本文向大家介绍Javascript操作表单实例讲解(下),包括了Javascript操作表单实例讲解(下)的使用技巧和注意事项,需要的朋友参考一下 在上篇文章给大家介绍了js操作表单实例讲解(下)的相关知识,本文接着给大家介绍Javascript操作表单实例讲解(下),具体详情如下所示: 一、文本域 ----------------------------- 操作文本域的值 value 属性 设置

  • 本文向大家介绍django 单表操作实例详解,包括了django 单表操作实例详解的使用技巧和注意事项,需要的朋友参考一下 前面视图层,模板层、路由层都写了大概,项目肯定是会和数据库打交道,那就讲讲orm的单表查询吧,直接写过一点点,不太全面。 1、项目刚创建好,我们需要在settings里配置一下(用mysql数据库),配置好了,再去app文件夹里的__init__配置下,其实在 哪个__ini

  • 本文向大家介绍mysql insert语句操作实例讲解,包括了mysql insert语句操作实例讲解的使用技巧和注意事项,需要的朋友参考一下 insert的语法 如果列清单和VALUES清单均为空清单,则INSERT会创建一个行,每个列都被设置为默认值: 假设worker表只有name和email,插入一条数据 批量插入多条数据 给出要赋值的那个列,然后再列出值的插入数据 使用set插入数据 在

  • 本文向大家介绍js表单验证实例讲解,包括了js表单验证实例讲解的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了js表单验证,供大家参考,具体内容如下 JavaScript 可用来在数据被送往服务器前对HTML 表单中的这些输入数据进行验证。 被JavaScript 验证的这些典型的表单数据有: 1)、用户是否已填写表单中的必填项目? 2)、用户输入的邮件地址是否合法? 3)、用户是否

  • 本文向大家介绍JavaScript中Dom操作实例详解,包括了JavaScript中Dom操作实例详解的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JavaScript中Dom操作。分享给大家供大家参考,具体如下: 博主将按照增删改查的方式来介绍一下Dom的主要操作。 1、增加节点 添加节点的操作主要分为3步: (1)创建要添加的新节点 (2)找到要添加到的父节点 (3)父节点添加新节点

  • 本文向大家介绍javascript实现表格增删改操作实例详解,包括了javascript实现表格增删改操作实例详解的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了javascript实现表格增删改操作的方法。分享给大家供大家参考。具体实现方法如下: 希望本文所述对大家的javascript程序设计有所帮助。