關鍵字:
form表單作用;
常用input標簽;
post 和 get 區別;
radio分組;
placeholder作用;
type-hidden;

form表單有什么作用？

我們平時填寫的紙質表單一樣，HTML 表單用于搜集不同類型的用戶輸入
表單是一個包含表單元素的區域 表單元素是允許用戶在表單中（比如：文本域、下拉列表、單選框、復選框等等）輸入信息的元素

有哪些常用的input 標簽，分別有什么作用？

<input> 標簽規定了用戶可以在其中輸入數據的輸入字段。
<input> 元素在 <form> 元素中使用，用來聲明允許用戶輸入數據的 input 控件。
輸入字段可通過多種方式改變，取決于 type 屬性。

常用的input 標簽:

• accept 屬性 :規定了可通過文件上傳提交的服務器接受的文件類型。
  注意：accept 屬性僅適用于 <input type="file">。

• alt 屬性: 為用戶由于某些原因（比如網速太慢、src 屬性中的錯誤、瀏覽器禁用圖像、用戶使用的是屏幕閱讀器）無法查看圖像時提供了替代文本。
  注意：alt 屬性只能與 <input type="image"> 配合使用。

• checked 屬性是一個布爾屬性。
  checked 屬性規定在頁面加載時應該被預先選定的 <input> 元素。
  checked 屬性適用于 <input type="checkbox"> 和 <input type="radio">。
  checked 屬性也可以在頁面加載后，通過 JavaScript 代碼進行設置。

• disabled 屬性是一個布爾屬性。
  disabled 屬性規定應該禁用的 <input> 元素。
  被禁用的 input 元素是無法使用和無法點擊的。
  表單中被禁用的 <input> 元素不會被提交

• name 屬性規定 <input> 元素的名稱。
  name 屬性用于在 JavaScript 中引用元素，或者在表單提交后引用表單數據。
  注意：只有設置了 name 屬性的表單元素才能在提交表單時傳遞它們的值。

• size 屬性規定以字符數計的 <input> 元素的可見寬度。
  注意：size 屬性適用于下面的 input 類型：text、search、tel、url、email 和 password。

• src 屬性規定顯示為提交按鈕的圖像的 URL。
  注意：src 屬性對于 <input type="image"> 是必需的屬性，且只能與 <input type="image"> 配合使用。

• type 屬性規定要顯示的 <input> 元素的類型。
  默認類型是：text。
  提示：該屬性不是必需的，但是我們認為您應該始終使用它。

• value 屬性規定 <input> 元素的值。
  value 屬性對于不同 input 類型，用法也不同：
  對于 "button"、"reset"、"submit" 類型 - 定義按鈕上的文本
  對于 "text"、"password"、"hidden" 類型 - 定義輸入字段的初始（默認）值
  對于 "checkbox"、"radio"、"image" 類型 - 定義與 input 元素相關的值，當提交表單時該值會發送到表單的 action URL。
  注意：value 屬性對于 <input type="checkbox"> 和 <input type="radio"> 是必需的。
  注意：value 屬性不適用于 <input type="file">。

• 以上的參考地址

post 和 get 方式的區別？

兩種 HTTP 請求方法：GET 和 POST
在客戶機和服務器之間進行請求-響應時，兩種最常被用到的方法是：GET 和 POST。
GET - 從指定的資源請求數據。
POST - 向指定的資源提交要被處理的數據。

GET 方法

請注意，查詢字符串（名稱/值對）是在 GET 請求的 URL 中發送的：
/test/demo_form.php?name1=value1&name2=value2
有關 GET 請求的其他一些注釋：
GET 請求可被緩存
GET 請求保留在瀏覽器歷史記錄中
GET 請求可被收藏為書簽
GET 請求不應在處理敏感數據時使用
GET 請求有長度限制
GET 請求只應當用于取回數據

POST 方法

請注意，查詢字符串（名稱/值對）是在 POST 請求的 HTTP 消息主體中發送的：
POST /test/demo_form.php HTTP/1.1
Host: w3cschool.cc
name1=value1&name2=value2
有關 POST 請求的其他一些注釋：
POST 請求不會被緩存
POST 請求不會保留在瀏覽器歷史記錄中
POST 不能被收藏為書簽
POST 請求對數據長度沒有要求

POST和GET區別

Paste_Image.png

在input里，name 有什么作用？

只有設置了 name 屬性的表單元素才能在提交表單時傳遞它們的值。
網頁檢查元素的請求數據格式為name:xxx

radio 如何 分組?

radio通過對name的定義來進行分組，同一個name的radio只能單選。

placeholder 屬性有什么作用?

為輸入框提供提示功能的占位文字,比如:請輸入密碼
placeholder 屬性規定可描述輸入字段預期值的簡短的提示信息（比如：一個樣本值或者預期格式的短描述）。
該提示會在用戶輸入值之前顯示在輸入字段中。
注意：placeholder 屬性適用于下面的 input 類型：text、search、url、tel、email 和 password。

type=hidden隱藏域有什么作用? 舉例說明

Hidden 對象代表一個 HTML 表單中的某個隱藏輸入域。

這種類型的輸入元素實際上是隱藏的。這個不可見的表單元素的** value 屬性**保存了一個要提交給 Web 服務器的任意字符串。如果想要提交并非用戶直接輸入的數據的話，就是用這種類型的元素。
在 HTML 表單中 <input type="hidden"> 標簽每出現一次，一個 Hidden 對象就會被創建。

Paste_Image.png

表單驗證

JavaScript 可用來在數據被送往服務器前對 HTML 表單中的這些輸入數據進行驗證。
數據是否為空.
email地址
驗證日期是否輸入正確？
表單輸入內容是否為數字型？