建站
咨詢
售后
建站咨詢
新聞中心
HTML 表單和輸入
HTML 表單用于收集不同類型的用戶輸入。
網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)！專注于網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、小程序開發(fā)、集團企業(yè)網(wǎng)站建設(shè)等服務(wù)項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了鼓樓免費建站歡迎大家使用！
在線實例
創(chuàng)建文本字段 (Text field)
本例演示如何在 HTML 頁面創(chuàng)建文本域。用戶可以在文本域中寫入文本。
創(chuàng)建密碼字段
本例演示如何創(chuàng)建 HTML 的密碼域。
（在本頁底端可以找到更多實例。）
HTML 表單
表單是一個包含表單元素的區(qū)域。
表單元素是允許用戶在表單中輸入內(nèi)容，比如：文本域 (textarea)、下拉列表、單選框 (radio-buttons)、復(fù)選框 (checkboxes)等等。
表單使用表單標(biāo)簽
HTML 表單 - 輸入元素
多數(shù)情況下被用到的表單標(biāo)簽是輸入標(biāo)簽（）。 元素是最重要的表單元素。
輸入類型是由類型屬性（type）定義的。大多數(shù)經(jīng)常被用到的輸入類型如下：
文本域（Text Fields）
文本域通過 標(biāo)簽來設(shè)定，當(dāng)用戶要在表單中鍵入字母、數(shù)字等內(nèi)容時，就會用到文本域。您可以在編程測試中創(chuàng)建文本輸入框！
實例
嘗試一下 ?
瀏覽器顯示如下：
姓名:
電話號碼:
注意:表單本身并不可見。同時，在大多數(shù)瀏覽器中，文本域的缺省寬度是 20 個字符。
密碼字段
密碼字段通過標(biāo)簽 來定義:
實例
嘗試一下 ?
瀏覽器顯示效果如下:
密碼:
注意:密碼字段字符不會明文顯示，而是以星號或圓點替代。
單選按鈕（Radio Buttons）
標(biāo)簽定義了表單單選框選項。在編程測試中練習(xí)使用單選按鈕！
實例
嘗試一下 ?
瀏覽器顯示效果如下:
男
女
復(fù)選框（Checkboxes）
定義了復(fù)選框. 用戶需要從若干給定的選擇中選取一個或若干選項。在實戰(zhàn)測試中學(xué)習(xí)使用復(fù)選框！
實例
嘗試一下 ?
瀏覽器顯示效果如下:
我有自行車
我有小車
提交按鈕 (Submit Button)
定義了提交按鈕.
當(dāng)用戶單擊確認(rèn)按鈕時，表單的內(nèi)容會被傳送到另一個文件。表單的動作屬性定義了目的文件的文件名。由動作屬性定義的這個文件通常會對接收到的輸入數(shù)據(jù)進行相關(guān)的處理。:
實例
Username:
嘗試一下 ?
嘗試一下 ?
瀏覽器顯示截圖效果如下:
假如您在文本框內(nèi)鍵入幾個字母，然后點擊確認(rèn)按鈕，那么輸入數(shù)據(jù)會傳送到 "html_form_action.php" 的頁面。該頁面將顯示出輸入的結(jié)果。
更多實例
單選按鈕 (Radio buttons)
本例演示如何在 HTML 中創(chuàng)建單選按鈕。
復(fù)選框 (Checkboxes)
本例演示如何在 HTML 頁中創(chuàng)建復(fù)選框。用戶可以選中或取消選取復(fù)選框。
簡單的下拉列表
本例演示如何在 HTML 頁面中創(chuàng)建簡單的下拉列表框。下拉列表框是一個可選列表。
預(yù)選下拉列表
本例演示如何創(chuàng)建一個簡單的帶有預(yù)選值的下拉列表。
文本域 (Textarea)
本例演示如何創(chuàng)建文本域（多行文本輸入控件）。用戶可在文本域中寫入文本。可寫入字符的字?jǐn)?shù)不受限制。
創(chuàng)建按鈕
本例演示如何創(chuàng)建按鈕。你可以對按鈕上的文字進行自定義。
表單實例
帶邊框的表單
本例演示如何在數(shù)據(jù)周圍繪制一個帶標(biāo)題的框。
帶有輸入框和確認(rèn)按鈕的表單
本例演示如何向頁面添加表單。此表單包含兩個輸入框和一個確認(rèn)按鈕。
帶有復(fù)選框的表單
此表單包含兩個復(fù)選框和一個確認(rèn)按鈕。
帶有單選按鈕的表單
此表單包含兩個單選框和一個確認(rèn)按鈕。
從表單發(fā)送電子郵件
此例演示如何從表單發(fā)送電子郵件。
HTML 表單標(biāo)簽
New : HTML5 新標(biāo)簽
| 標(biāo)簽 | 描述 |
|---|---|
| 定義供用戶輸入的表單 | |
| 定義輸入域 | |