表单的应用
一个完整的表单由表单控件(表单元素)、提示信息和表单域3个部分构成。
表单控件：包含了具体的表单功能项，如单行文本输入框、密码输入框、复选框、提交按钮、搜索框等。
提示信息：一个表单中通常还需要包含一些说明性的文字，提示用户进行填写和操作。
表单域：相当于一个容器，用来容纳所有的表单控件和提示信息，可以通过它定义、处理表单数据所用程序的url地址及数据提交到服务器的方法。
注：如果不定义表单域，表单中的数据就无法传送到后台服务器。
2、创建表单
<form></form>标记被用于定义表单域，即创建一个表单。
基本格式：
<html> <head> <title>创建表单</title> <meta charset="utf-8"/> </head> <body> <form action="http://www.mysite.cn/index.asp" method="post"> <!--表单域--> 账号: <!--提示信息--> <input type="text" name="zhanghao" /> <!--表单控件--> 密码: <!--提示信息--> <input type="password" name="mima" /> <!--表单控件--> <input type="submit" value="提交" /> <!--表单控件--> </form> </body> </html>
注：<form></form>中的所有内容都会被提交给服务器。
3、表单属性
①.action属性：用于指定接收并处理表单数据的服务器程序的url地址。
例如：
<form action="form_action.asp"> <!--提交订单时，表单数据会传送到名为"form_action.asp"的页面去处理-->
注：action的属性值可以是相对路径和绝对路径，还可以为接收数据的E-mail邮箱地址。
<form action=mailto:[email protected]> <!--提交表单时，表单数据会以电子邮件的形式传递出去-->
②.method属性：用于设置表单数据的提交方式。(取值为get或post)
例如:
<form action="form_action.asp" method="get">
get方法：浏览器将会按照下面两步来发送数据。首先：浏览器与action属性中指定的表单处理服务器建立联系，然后直接在一个传输步骤中发送所有的表单数据。
post方法：分两步来发送数据。首先：浏览器将于action属性中指定的表单处理服务器建立联系，然后，浏览器按分段传输的方法将数据发送给服务器。
注：get方法保密性差，不能大量传输数据。post方法保密性强，能大量传输数据。一般使用post方法。
③.name属性：name属性用于指定表单的名称。
用于指定表单的名称。
④.autocomplete属性
用于指定表单是否有自动完成功能。autocomplete属性有2个值，对他们的解释如下。
on：表单有自动完成功能。
off：表单无自动完成功能。
例如:
<html> <head> <title>autocomplete属性的使用</title> <meta charset="utf-8"/> </head> <body> <form id="formBox" autocomplete="on"> 用户名: <input type="text" id="autofirst" name="autofirst" /><br/><br/> 昵 称: <input type="text" id="autosecond" name="autosecond"/><br/><br/> <input type="submit" value="提交"/> </form> </body> </html>
⑤.novalidate属性：指定在提交表单时取消对表单进行有效的检查。
例如：
温馨提示: 本文由Jm博客推荐，转载请保留链接: https://www.jmwww.net/file/web/40534.html
![[转]Node.js中package.json中^和~的区别](/uploads/allimg/200519/054J34453_lit.png "[转]Node.js中package.json中^和~的区别")