何谓表单? 表单是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)}