當用戶熟悉了靜態網頁制作后就能感受到它的功能單一，會想建立具有交互性的動態網站。動態網站經常用到的一個元素就是表單。表單是HTML的一個重要組成部分，是網站管理員與用戶之間溝通的橋梁。

表單標簽--from

是一個雙標簽。標簽中包含的數據有表單控件及必須的伴隨數據，如控件標簽、處理數據的腳本等。主要有表單名稱、數據處理、數據傳輸方式等5個基本屬性，其中表單的程序處理和數據傳輸方式是必不可少的。

程序處理屬性--action

表單本身是沒有用途的，用戶填入表單的信息需要程序來進行處理，表單里的 action 就定義了表單所要提交到的目的文件，該目的文件收到信息后，通常和一個程序連接實現數據的處理。
屬性值可以是一個程序，也可以是一個腳本的URL地址

 form action= 表單的處理程序  /form 

##表單名稱屬性--name
用來給表單命名。建議每一表單設定一個功能相符的名稱，防止信息提交到后臺程序處理時出亂。

 form name= 表單的名稱  /form 

##數據傳輸方式--method
定義了表單數據發送的方式，數據發送到 action 屬性所規定的頁面，主要針對服務端進行處理?？勺鳛閁RL變量(method= get )或者HTTP post(method= post )的方式來發送。

 form method= 數據傳輸方式  /form 

#輸入類控件
表單元素也稱表單控件，按照填寫方式分為輸入類和下拉菜單類。用 input 標簽定義。

 form  input name= 控件名稱 type= 控件類型  /form 

文本框--text

最常見的文字輸入區域，在登陸區，討論區等。在頁面中以單行文本框形式顯示

 input type= text name= 控件名稱 size= 文本框長度 maxlength= 最大字符數 html' target='_blank'>value= 文本框默認值 

如果希望文本框只讀，可以使用 readonly 設置

 input type= text name= 控件名稱 size= 文本框長度 maxlength= 最大字符數 value= 文本框默認值 readonly 

密碼框--password

隱藏輸入框內容，輸入的字符會用 * 代替

 input type= password name= 控件名稱 size= 文本框長度 maxlength= 最大字符數 value= 文本框默認值 

單選框--radio

當出現多個選項而且只能選擇一個時，會用到單選框。向指定某個選項默認狀態下處于選中狀態時，用 checked 屬性定義。只能有一個單選框設置。要想傳送到處理程序中，需要設置value屬性。

 input type= radio value= 單選框取值 name= 單選框名稱 checked 

復選框--checkbox

是可以選多個選項的選項框，也可默認多個選項都處于選中狀態。

 input type= checkbox value= 單選框取值 name= 單選框名稱 checked 

文本域--textarea

主要用于輸入多行文本，常見于留言、評論區。 rows 文本域行數， cols 文本域列數.

 textarea name= 文本域名稱 rows= 文本域的行數 cols= 文本域的列數  /textarea 

 !DOCTYPE html  html lang= en  head  meta charset= UTF-8  title 表單標簽 /title  /head  body  form  h1 用戶注冊頁面 /h1  span 用戶名： /span input type= text name= username br  密 nbsp; nbsp; nbsp; nbsp;碼： input type= password name= pwd br  span 確認密碼： /span input type= password name= con_pwd br  span 你的年齡是： /span  input type= radio name= age checked 18歲以下 input type= radio name= age 19-35歲 input type= radio name= age 35歲以上 span 你的個人愛好： /span  input type= checkbox name= habbit 閱讀 input type= checkbox name= habbit 寫作 input type= checkbox name= habbit 運動 input type= checkbox name= habbit 游戲 input type= checkbox name= habbit 其他 span 自我介紹 /span  textarea rows= 3 cols= 60 /textarea  /form  /body  /html 

按鈕

標準按鈕--button

常見的灰色小來塊，需要關聯相應的腳本程序來處理表單， value 可以設置按鈕上要顯示的文本， onclick 可以實現鼠標處理的一些功能。

 input type= button value= 按鈕上顯示的文本 quot;處理程序 

提交按鈕和重置按鈕--

是一類特殊的按鈕，不需要設置參數，也可以實現，表單數據處理。一般來說，提交按鈕和重置按鈕同時出現。

 input type= submit name= 按鈕的名字 value= 按鈕上顯示的文本  input type= reset name= reset value= 重置 

菜單列表控件

下拉菜單

可以節省頁面空間。 select 是一個雙標簽。默認只有一個選項被選中。
option 是單標簽，用來定義下拉菜單中的選項。必須嵌套在 select 標簽里面。 selected 表示初始被選中的選項。

 select name= 下拉菜單名稱 size= 下拉菜單長度  option value= 選項值 選項一 /option  option value= 選項值 選項二 /option  option value= 選項值 selected 選項三 /option  /select 

 !DOCTYPE html  html lang= en  head  meta charset= UTF-8  title 按鈕 /title  /head  body  form  span 用戶名： /span input type= text name= username br  密 nbsp; nbsp; nbsp; nbsp;碼： input type= password name= pwd br  span 生日 /span  select  option value= 0 --請選擇-- /option  option value= 1 1-4 /option  option value= 2 5-9 /option  option value= 0 10-12 /option  /select  select  option value= 0 --請選擇-- /option  option value= 1 1-10 /option  option value= 2 11-20 /option  option value= 3 21-31 /option  /select  /form  /select  /body  /html 

以上就是本篇文章的全部內容，關于HTML的相關知識大家可以參考PHP 的HTML開發手冊進行學習。

以上就是HTML中表單的相關知識總結（代碼實例）的詳細內容，html教程

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