JavaScript学习笔记36-操作form

最新推荐文章于 2018-12-04 11:14:10 发布
最新推荐文章于 2018-12-04 11:14:10 发布
阅读量854 收藏
点赞数
分类专栏： JavaScript基础教程 文章标签： JavaScript 笔记 进入form
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u011541946/article/details/71021193
版权

本文介绍JavaScript操作HTML中的form元素，例如一个登陆框。

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html>  
<head>  
</head>  
<body>  
<form>
	Username: <input type="text" />
	Password: <input type="password" />
	<input type ="submit" value="提交" />

</form>
<script type="text/javascript">
	var x = document.forms[0].length;
	document.write(x);

</script>  

</body>  
</html>
上面的forms[0]代表上面的form，这里我们只有一个form，length表示控件的数量，当前有用户名输入框和密码输入框和提交按钮，三个控件。

Anthony_tester
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
学弟教程-JS-JQuery操作Form
学弟粉丝团
05-28 341
目录一、目的二、代码实现2.1 head2.2 body2.3 script2.4 运行结果三、 全部代码 一、目的 使用Jquery获取form中所有控件的值,并封装成JSON 二、代码实现 2.1 head <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="htt
JavaScript操作form表单对象
zhouym_的博客
06-04 877
模拟音乐选择 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <!--多选框实现音乐全选、反选、清空操作--> <h2>音乐播放区<...
js----document.forms[0].action
lsh15846393847的博客
12-04 1297
forms 返回一个集合 (一个HTMLCollection对象),包含了了当前文档中的所有form元素. 1.document.forms：获取当前页面所有表单。 2.document.fornms[0]:获取当前页面第一个表单。 3.submit()提交表单。 注意：get请求表单的action属性后不能带参数。 实例： function update() { var keiy...
JavaScript学习笔记37-操作form里的元素
Anthony_tester的博客
04-30 1009
前面文章介绍了如何操作form，是根据索引来找form的，索引从0开始。本文介绍如何找元素，也是根据索引开始。大致的步骤是，先找到该form控件，然后根据索引去找该form下的元素。 <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-t
JavaScript学习笔记之内置对象
11-30
在这个学习笔记中，我们将探讨JavaScript的内置对象，主要包括Window、Screen、Location、History等，它们都是JavaScript环境中非常重要的组成部分。 首先，Window对象是JavaScript的核心，它代表了浏览器的窗口。...
JavaScript 学习笔记（十三）Dom创建表格
10-29
本文将以“JavaScript 学习笔记（十三）Dom创建表格”为基础，详细介绍如何使用JavaScript来动态创建和操作HTML表格。 #### 二、关键概念和技术点 1. **DOM基础**: DOM是一种标准，用于表示和操作HTML或XML文档的...
整理Javascript事件响应学习笔记
11-24
JavaScript 创建动态页面。事件是可以被 JavaScript 侦测到的行为。 网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件。  1、鼠标单击事件（onclick） onclick是鼠标单击事件，当在网页上单击...
JavaScript学习笔记39-用JavaScript写Selenium脚本
Anthony_tester的博客
04-30 8771
前面38篇文章介绍了JavaScript的基础知识和简单应用练习。学了这个脚本语言的基础知识之后，我们的目的是什么？当然是应用。这篇，我们就来介绍如何写你的第一条JavaScript+Selenium的自动化测试脚本。在写脚本之前，我们需要安装一些必要的环境。 1. 安装运行JavaScript的环境，Nodejs        之前会不会有这样写法。我写完了一个javascript的脚本，我
JavaScript学习笔记31-利用循环语句给数组添加元素
Anthony_tester的博客
04-30 5055
本文来介绍如何使用循环语句给数组添加元素。有时候，我们需要用户的输入，拿到这个输入的字符，保存到数组里去，这个需要for语句和prompt()方法。 <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
JavaScript学习笔记1-环境准备
Anthony_tester的博客
04-26 3940
好几天没有写文章了，最近在纠结一个问题：是学习Python爬虫呢还是继续选择一门新的脚本语言去学习。看到自动化测试工程师的招聘职位，很多公司提到了JavaScript。常用的脚本语言，主要有Python,Shell,Ruby,Perl,JavaScript。出于给自己增加一个脚本语言的技能，我觉得，还是有必要去学习一门新的脚本语言，所以这里就选择了JavaScript。       想好了要学习
JavaScript学习笔记2-注释和语句
Anthony_tester的博客
04-26 2138
本文来介绍JavaScript中几种注释的写法和语句。 第一种：单行双斜杠（//） 这个在前面文章总结中提到。 第二种：多行注释（/*   */） 语句：有的语言也叫句柄，很多语句构成了代码块，JavaScript中语句需要以分号结束。 下面，我们写一个demo.html来看看注释和语句 <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tra
JavaScript学习笔记3-变量的声明和使用
Anthony_tester的博客
04-26 1668
本文来介绍JavaScript中变量，变量就理解成存储数据的容器，使用变量前需要申明变量。 直接看例子： <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> //
JavaScript学习笔记16-if嵌套
Anthony_tester的博客
04-28 1413
前面介绍了if-else语句，本文来学习JavaScript中if嵌套。生活中，我们有时候需要根据两个或者两个以上的条件去判断一个事情。例如，假如事件A，在事件A的基础上又假如事件B，那么这个结果是一种情况，否则结果是别的情况。我们通过一个实例来解决这个问题。 <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "htt
JavaScript学习笔记4-变量类型
Anthony_tester的博客
04-26 1322
从前一篇文章我们了解了变量的声明和在打印语句中使用，这里我们看看变量有哪些类型。 <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> // 整形变量 var ag
JavaScript学习笔记6-函数的定义和调用
Anthony_tester的博客
04-27 1303
本文记录下JavaScript中函数的定义和调用。JavaScript中采用关键字function来定义一个函数，Python是采用def开定义函数，函数体需要用一对大括号（{}）括起来，来看看下面的例子。 <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DT
JavaScript学习笔记5-变量和字符串的使用
Anthony_tester的博客
04-27 1265
本文来介绍，变量和字符串的组合使用，这种情况，在每个语言的log输出或者前端提示消息都需要使用，直接来看看例子，这里的组合或者叫连接都使用数学符号中的加号（+）： 1. 变量和字符串的连接使用 <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtm
JavaScript学习笔记23-鼠标悬停和页面加载
Anthony_tester的博客
04-28 1261
本文介绍鼠标悬停和页面加载事件举例。 鼠标悬停，弹出alert框。 <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Mouch over here 鼠标离开标签区域，弹出al
JavaScript学习笔记：DOM、BOM与AJAX详解
本篇文档是关于JavaScript的学习笔记，由兄弟连39期的主编刘涛编撰，发表于2012年12月3日。JavaScript是一种由网景公司开发的脚本语言，主要用于在网页中实现动态效果和交互功能，与HTML/CSS一同构成前端开发的核心...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值