首頁 > web前端 > html教學 > 詳解html中form表單的參數與屬性

詳解html中form表單的參數與屬性

Y2J
發布: 2017-05-20 10:26:24
原創
4949 人瀏覽過

範例

<form action="form_action.asp" method="get">
  <p>First name: <input type="text" name="fname" /></p>
  <p>Last name: <input type="text" name="lname" /></p>
  <input type="submit" value="Submit" /></form>
登入後複製

瀏覽器支援

IE

    1.Firefox

    2.Chrome

    3.Safari

    4. Opera

所有瀏覽器都支援

標籤。

定義和用法

標籤用於為使用者輸入建立 HTML 表單。

表單能夠包含 input 元素,例如文字欄位、核取方塊、單一選取方塊、提交按鈕等等。

表單也可以包含 menus、textarea、fieldset、legend 和 label 元素。

表單用於向伺服器傳輸資料。

提示與註解

註解:form 元素是區塊級元素,其前後會產生折行。

HTML 與 XHTML 之間的差異

NONE

屬性

new : HTML5 中的新屬性。

詳解html中form表單的參數與屬性

說明

enctype 屬性可能的值:

    1.application/x-www -form-urlencoded

    2. multipart/form-data

    3.text/plain

全域屬性

標籤支援 HTML 中的全域屬性。

事件屬性

標籤支援 HTML 中的事件屬性。

TIY 實例

文字域(Text fields)

本範例示範如何在HTML頁面中建立文字網域。使用者可以在文字網域寫入文字。

密碼域

本範例示範如何建立HTML的密碼域。

複選框

本範例示範如何在HTML頁中建立文字方塊。使用者可以選取或取消選取複選框。

單選按鈕

本範例示範如何在HTML中建立單選按鈕。

簡單的下拉清單

本範例示範如何在HTML頁面中建立簡單的下拉列錶框。下拉列錶框是一個可選清單。

另一個下拉清單

本範例示範如何建立一個簡單的帶有預選值的下拉清單。 (註:預選值指預先指定的首選項。)

文字域(Textarea)

本例示範如何建立一個文字域(多行文字輸入控制)。使用者可以在文字網域中寫入文字。在文字域中,可寫入的字元字數不受限制。

建立按鈕

本範例示範如何建立按鈕。你可以對按鈕上的文字進行自訂。

圍繞資料的Fieldset

本範例示範如何在資料周圍繪製一個有標題的方塊。

有輸入框和確認按鈕的表單

本範例示範如何為頁面新增表單。此表單包含兩個輸入框和一個確認按鈕。

帶有複選框的表單

此表單包含兩個複選框和一個確認按鈕。

帶有單選按鈕的表單

此表單包含兩個單選框和一個確認按鈕。

從表單傳送電子郵件

此範例示範如何從表單傳送電子郵件。

【相關推薦】

1. HTML免費影片教學

#

2. 詳解form標籤中的method屬性

3. HTML表單的詳細介紹

4. #」詳解form表單的工作流程

5. 帶你掌握HTML中table和form表單

以上是詳解html中form表單的參數與屬性的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板