form表单有什么作用？有哪些常用的input 标签，分别有什么作用？

[yym-yumeng123]

form表单有什么作用？

<form> 标签用于为用户输入创建 HTML 表单表单用于向服务器传输数据。 表单在网页中主要负责数据采集功能。

---

一个表单有三个基本组成部分:

• 表单标签
• 表单域
• 表单按钮

表单标签

<form></form> 功能用于申明表单，定义采集数据的范围，也就是<form>和</form>里面包含的数据将被提交到服务器或者电子邮件里。

<form method="post" action="http://example.com/form"></form>

表单

带有局部属性的表单元素:

action，method，enctype，name，accept-charset，novalidate，target，
autocomplete，在HTML页面中创建一个表单。
novalidate 和autocomplete属性在HTML5中是新增的。

表单HTTP方法

method属性指定将使用哪个HTTP方法将表单数据发送到服务器。 允许的值为 get 和 post ，它们对应于HTTP GET和POST方法。 method属性的默认值为 get 。

以下代码设置表单的 post 值。

<form method="post" action="http://example.com/form">

对于 GET 请求，您可以多次提出相同的请求。 GET 请求应该用于所有只读信息检索。 POST 请求用于不安全的互动，其中提交数据的行为改变了某种状态。 POST 请求应用于任何更改应用程序状态的操作。

有哪些常见的input标签,分别有什么作用?

• 文本框通过<input type="text"> 标签来设定，当用户要在表单中键入字母、数字等内容时，就会用到文本域。

  <form>
  First name: <input type="text" name="firstname"><br>
  Last name: <input type="text" name="lastname">
  </form> 

• 密码框通过标签<input type="password"> 来定义:用户需要输入密码时,会用到

  <form>
  Password: <input type="password" name="pwd">
  </form> 

• <input type="radio"> 标签定义了表单单选框选项,当需要用户调查选择时可以用到

  <form>
  <input type="radio" name="sex" value="male">Male<br>
  <input type="radio" name="sex" value="female">Female
  </form> 

• <input type="checkbox"> 定义了复选框. 用户需要从若干给定的选择中选取一个或若干选项。

  <form>
  <input type="checkbox" name="vehicle" value="Bike">I have a bike<br>
  <input type="checkbox" name="vehicle" value="Car">I have a car 
  </form> 

• <input type="submit"> 提交按钮.当用户单击确认按钮时，表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。

  <form name="input" action="html_form_action.php" method="get">
  <input type="submit" value="Submit">
  </form> 

  ---

  还有一些html标签也会在表单应用中用到,后面我们在讨论