首頁 > web前端 > css教學 > BUTTON和INPUT的差異_經驗交流

BUTTON和INPUT的差異_經驗交流

WBOY
發布: 2016-05-16 12:09:15
原創
2091 人瀏覽過

一句話概括主題:<button>具有<input type="button" ... >相同的作用但是在可操控性方面更加強大。

HTML 4.01規格Forms部分指示表單有以下幾種控制類型:buttons, checkboxes, radio buttons, menus, text input, file select, hidden controls, object controls . 其中除了buttons/menus/object controls之外,都是由<input>完成。

我這裡說的是<button><input>

<button><input>

規格中指名:可以用<button><input>來做表單按扭。不同的按鈕類型請參考這些元素的詳細定義。要注意的是<button><input>支援更豐富的表現功能。

一些差異

大家都知道<input>可以這樣用(其實是一定要這樣用):<input type="submit" value="OK" />,一定要這樣閉合。而非:<input type="submit" value="OK" ></input>。因為起始標籤為必須,而關閉標籤是禁止的。

<button><input>更厲害的地方就在於它可以包含內容。它的值並不是寫在value屬性裡,而是包含在標籤中。如:<button>OK<button>的起始標籤和關閉標籤都是必須的。這樣你便獲得了樣式化的主導權。

你可以這樣寫:<button>OK, I do.,甚至是插入圖:<button>< ;img src="button.gif" alt="" />, it's great.。有點類似<input type="image">,但顯然強大多了。

最後要注意的是,被<button>包含的圖片,不能使用熱點地圖,即不能<img src="foo.gif" usemap="... " />,這是不合法的。當然也不能再包含諸如input, select, textarea, label, button, form , fieldset, iframe,和isindex(不建議使用)元素了。

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