一個網頁表單可以將用戶輸入的數據發送到服務器進行處理。因為互聯網用戶使用復選框，單選按鈕或文本字段填寫表格，所以WebForms的形式類似文件或數據庫。例如，WebForms可以用來進入航運或信用卡資料訂購產品，或可用于檢索數據（例如，搜索引擎上搜索）。 !-- from wiki —

簡單來說就是收集用戶的信息

這就是一個表單

表單的工作流程：用戶打開頁面— 填寫表單后提交— 根據相應的方式打包后發送個服務器— 服務器接收后轉給相應的程序處理

基礎框架： form /form

在form下添加表單元素

input 表單輸入標簽

語法： input type=“ name=“” ….../

屬性：

Name：名字，服務器通過name識別組別，同一組別需要相同的name名

Maxlength：指定輸入的最大長度

Size：文本框的大小，以字符為單位，默認為20

html' target='_blank'>value：默認值，提交給服務器的內容

placeholder：提示文本

type：

text：輸入文本，屬性：

password：密碼框，會自動隱藏密碼

file：上傳文件，顯示的內容與瀏覽器有關

radio：單選框，需要單選的選項需要用相同的name，將返回value給服務器以辨別選了什么，添加checked來確定默認選項。

checkbox：復選框，與radio規則相似。

Button：配合js提供動作,value值位按鈕顯示內容

subm：提交按鈕，配合js將一個form內的表單送到服務器，value值位按鈕顯示內容

Reset：將一個form內的表單恢復到默認狀態，value值位按鈕顯示內容

Hidden：隱藏域，用戶看不到，將value傳給服務器。

image:圖像域提交,與submit功能相同，src放圖片地址。

select 下拉菜單和列表標簽

語法

option 選擇的內容 /option

option的屬性：

size：顯示的數量，大于1時為列表形式顯示。

multiple：可按住ctrl多選，下拉菜單變列表形式

selected：默認值

option里科添加 optgroup 組名 /optgroup 來給選項分組

textarea /textarea 多行文本域

基本與 input 的text一樣，多了cols和rows屬性。row控制顯示的行數，cols顯示寬度。

form的屬性

action：表單發送的目的地，URL或服務器文件。

method：指定表單以何種方式發送到服務器，有get、post兩種方法，默認為get

GET：使用URL做傳遞參數（返回的url能看到表單的內容），對所發送的信息的數量也有限制，一般用于用戶信息獲取。

POST：表單數據作為HTTP請求內容的一部分，對所發送信息的數量沒有限制，一般用于修改服務器上的資源。

name：表單的名。

traget：在何處打開action URL 參數：_blank、_self、_parent、_top

enctype：在發送表單前如何編碼，參數有：1: 默認方式application / x-www-form-urlencoded 2:multipart / form-data 3:text / plain

以上就是HTML表單（form）學習筆記的詳細內容，html教程

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。