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