HTML 參考手冊

HTML 標簽大全

HTML: <form> 標簽

HTML <form>標記用于在具有用于用戶輸入的交互式控件的網(wǎng)頁上創(chuàng)建表單,用來向 Web 服務器提交信息。此標記通常也稱為 <form>元素。

在線示例

帶有兩個輸入字段和一個提交按鈕的 HTML 表單:

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML5 footer標簽的使用(菜鳥教程 (cainiaoplus.com))</title>
</head>
<body>
<h1>(cainiaoplus.com)菜鳥教程</h1>
<form action="demo-form.php" method="post">
  公司: <input type="text" name="company"><br>
  地址: <input type="text" name="address"><br>
  <input type="submit" value="Submit">
</form>
</body>
</html>
測試看看 ?/?

在此HTML5文檔示例中,我們使用了<form>標記創(chuàng)建HTML表單。該表單包含兩個用于公司和地址的<input>控件以及一個提交按鈕。

運行后效果如下:

圖片.png

瀏覽器兼容性

IEFirefoxOperaChromeSafari

所有主流瀏覽器都支持 <form> 標簽。

標簽使用注意事項

如果你在一個表單里把 autocomplete 設置成 off 是因為當前文檔提供了它獨有的自動補全,那么你也應該把此表單里每一個 input 元素的 autocomplete 設成 off 來允許文檔接管自動補全。

標簽定義及使用說明

<form> 標簽用于創(chuàng)建供用戶輸入的 HTML 表單。

<form> 元素包含一個或多個如下的表單元素:

HTML 4.01 與 HTML5之間的差異

HTML5 新增了兩個新的屬性:autocomplete 和 novalidate,同時不再支持 HTML 4.01 中的某些屬性。

HTML 與 XHTML 之間的差異

在 XHTML 中,name 屬性已被廢棄。使用全局 id 屬性代替。

屬性

New :HTML5 中的新屬性。

屬性描述
acceptMIME_typeHTML5 不支持。規(guī)定服務器接收到的文件的類型。(文件是通過文件上傳提交的)
accept-charsetcharacter_set規(guī)定服務器可處理的表單數(shù)據(jù)字符集。
actionURL規(guī)定當提交表單時向何處發(fā)送表單數(shù)據(jù)。
autocompleteHTML5on
off
規(guī)定是否啟用表單的自動完成功能。
enctypeapplication/x-www-form-urlencoded
multipart/form-data
text/plain
規(guī)定在向服務器發(fā)送表單數(shù)據(jù)之前如何對其進行編碼。(適用于 method="post" 的情況)
methodget
 post
規(guī)定用于發(fā)送表單數(shù)據(jù)的 HTTP 方法。
nametext規(guī)定表單的名稱。
novalidateHTML5novalidate如果使用該屬性,則提交表單時不進行驗證。
target_blank
 _self
 _parent
 _top
規(guī)定在何處打開 action URL。

全局屬性

<form> 標簽支持 HTML 的全局屬性。

事件屬性

<form> 標簽支持 HTML 的事件屬性

嘗試在線示例

單選按鈕(Radio buttons)
本示例演示如何在 HTML 中創(chuàng)建單選按鈕。

復選框(Checkboxes)
本示例演示如何在 HTML 頁中創(chuàng)建復選框。用戶可以選中或取消選取復選框。

簡單的下拉列表
本示例演示如何在 HTML 頁面中創(chuàng)建簡單的下拉列表框。下拉列表框是一個可選列表。

預選下拉列表
本示例演示如何創(chuàng)建一個簡單的帶有預選值的下拉列表。

文本域(Textarea)
本示例演示如何創(chuàng)建文本域(多行文本輸入控件)。用戶可在文本域中寫入文本??蓪懭胱址淖謹?shù)不受限制。

創(chuàng)建按鈕
本示例演示如何創(chuàng)建按鈕。你可以對按鈕上的文字進行自定義。

相關文章

HTML 教程:HTML 表單和輸入

HTML DOM 參考手冊: Form 對象

丰满人妻一级特黄a大片,午夜无码免费福利一级,欧美亚洲精品在线,国产婷婷成人久久Av免费高清