HTML <input> formmethod 屬性
實例
第二個提交按鈕覆蓋了表單的 HTTP 方法:
<form action="demo-form.php" method="get">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<input type="submit" value="提交">
<input type="submit" formmethod="post" formaction="demo-post.php" value="使用 POST 提交">
</form>
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<input type="submit" value="提交">
<input type="submit" formmethod="post" formaction="demo-post.php" value="使用 POST 提交">
</form>
嘗試一下 ?
瀏覽器支持
Internet Explorer 10、Firefox、Opera、Chrome 和 Safari 支持 formmethod 屬性。
注意:Internet Explorer 9 及之前的版本不支持 <input> 標(biāo)簽的 formmethod 屬性。
定義和用法
formmethod 屬性定義發(fā)送表單數(shù)據(jù)到 action URL 的 HTTP 方法。
formmethod 屬性覆蓋 <form> 元素的 method 屬性。
注意:formmethod 屬性與 type="submit" 和 type="image" 配合使用。
表單數(shù)據(jù)可被作為 URL 變量的形式來發(fā)送(method="get")或者作為 HTTP post 事務(wù)的形式來發(fā)送(method="post")。
關(guān)于 "get" 方法的注釋:
- 該方法將表單數(shù)據(jù)以名稱/值對的形式附加到 URL 中
- 該方法對于用戶希望加入書簽的表單提交很有用
- URL 的長度是有限的(不同瀏覽器限制不一樣),因此,您不能確定是否所有的表單數(shù)據(jù)都能被正確傳輸
- 絕不要使用 "get" 方法來發(fā)送敏感數(shù)據(jù)?。ū热缑艽a或者其他敏感信息,在瀏覽器的地址欄中是可見的)、
關(guān)于 "post" 方法的注釋:
- 該方法將表單數(shù)據(jù)以 HTTP post 事務(wù)的形式發(fā)送
- 通過 "post" 方法提交的表單不能加入書簽
- "post" 方法比 "get" 更安全,且 "post" 沒有長度限制
HTML 4.01 與 HTML5之間的差異
formmethod 屬性是 HTML5 中的新屬性。
語法
<input formmethod="get|post">
屬性值
值 | 描述 |
---|---|
get | 默認(rèn)。將表單數(shù)據(jù)(form-data)以名稱/值對的形式附加到 URL:URL?name=value&name=value。 |
post | 以 HTTP post 事務(wù)的形式發(fā)送表單數(shù)據(jù)(form-data)。 |
HTML <input> 標(biāo)簽
更多建議: