javascript获取表单的各项值
2024-10-04 16:08:26
何谓表单？
表单是html页面中负责数据采集功能的部件，它往往由三个部分组成：
表单标签：<form></form> 用于声明表单的范围，位于表单标签中的元素将被提交。属性有method，entype，action等
表单域：<input...../>包含了 包含了文本框，密码框等多种类，属性有type，name, value...
type=text 文本框
type=password 密码框
type=textarea文本区域
type=file文件上传框
type=radid单选框
type=checkbox复选框
表单按钮
提交按钮
复位按钮
一般按钮
我们可以通过表单，将用户输入的数据提交给服务端，并交由服务端进行处理。
例子：
<html>
<head>
<title>form表单</title>
<meta charset="utf-8">
<script type="text/javascript" src="getValue.js"></script>
</head>
<body>
<form name="form1">
<!--文本-->
<input type="text" placeholder="text" name="text1" />
<!--密码-->
<input type="password" placeholder="password" name="password" />
<!--多行文本域-->
<textarea placeholder="textarea" name="textarea" style="resize:none"></textarea>
<!--文件上传-->
<input type="file" name="file"/>
<!--单选框,注意name值一样-->
<input type="radio" name="option" value="option1"/>option1
<input type="radio" name="option" value="option1"/>option2
<!--复选框-->
<input type="checkbox" name="check" value="option1"/>option1
<input type="checkbox" name="check" value="option2"/>option2
<input type="checkbox" name="check" value="option3"/>option3
<input type="submit" value="submit"/>
<input type="reset" value="reset"/>
<input type="button" value="button" onclick="getValue()"/>
</form>
</body>
</html>
javascrpt获取表单的值
function getValue(){
var v1 = document.form1.text1.value;
var arr = document.form1.check;
alert(arr[0].value)
}
最新文章
- Making raycast ignore multiple layers
- ZOJ 3872--解题报告
- HDU 4280 Island Transport(网络流)
- C#SaveFileDialog的使用
- c# 迭代器 与 集合 IEnumerable.GetEnumerator 方法
- 读取jar包里面的文件
- kaggle
- linkin大话面向对象--封装和隐藏
- BugkuCTF~Mobile~WriteUp
- oracle中nvarchar2查询结果显示总是少一位
- css3动画怎样能从下往上慢慢升上去
- 转://oracle deadlock死锁trace file分析之一
- $_SERVER['URI']
- 关于使用Entity Framework时遇到的问题 未找到具有固定名称“System.Data.SqlClient”的 ADO.NET 提供程序的实体框架提供程序。请确保在应用程序配置文件的“entityFramework”节中注册了该提供程序
- 分布式理论系列（一）从 ACID 到 CAP 到 BASE
- 如何加入别人的Git项目——Git Fork指南
- #include &lt;NOIP2010 Junior&gt; 三国游戏 ——using namespace wxl;
- 第三章 consul服务注册与服务查询
- zabbix 报警方式之 微信公众号报警（5）
- wsgiref 源码解析