BUTTON和INPUT的區(qū)別
一句話概括主題:<button>
具有<input type="button" ... >
相同的作用但是在可操控性方面更加強大。
HTML 4.01規(guī)范的Forms部分指名表單有以下幾種控制類型:buttons, checkboxes, radio buttons, menus, text input, file select, hidden controls, object controls. 其中除了buttons/menus/object controls之外,都是由<input>
完成。
我這里說的是<button>
和<input>
。
<button>
和<input>
規(guī)范中指名:可以用<button>
和<input>
來做表單按扭。不同的按鈕類型請參考這些元素的詳細定義。要注意的是<button>
比<input>
支持更豐富的表現(xiàn)功能。
一些區(qū)別
大家都知道<input>
可以這樣用(實際上是一定要這樣用):<input type="submit" value="OK" />
,一定要這樣閉合。而不是:<input type="submit" value="OK" ></input>
。因為起始標簽為必須,而關閉標簽是禁止的。
<button>
比<input>
更厲害的地方就在于它可以包含內容。它的值并不是寫在value
屬性里,而是包含在標簽中。如:<button>OK</button>
。<button>
的起始標簽和關閉標簽都是必須的。這樣你便獲得了樣式化的主導權。
你可以這樣寫:<button><strong>OK</strong>, I do.</button>
,甚至是插入圖片:<button><img src="button.gif" alt="" />, it's great.</button>
。有點類似于<input type="image">
,但是顯然強大多了。
最后要注意的是,被<button>
包含的圖片,不能使用熱點地圖,即不能<img src="foo.gif" usemap="..." />
,這是不合法的。當然也不能再包含諸如input
, select
, textarea
, label
, button
, form
, fieldset
, iframe
,和isindex
(不推薦使用)元素了。
相關文章
用iframe margin實現(xiàn)調用其他網(wǎng)頁的某一區(qū)域的方法
用iframe margin實現(xiàn)調用其他網(wǎng)頁的某一區(qū)域的方法...2007-12-12IE6/IE7/IE8/IE9中tbody的innerHTML不能賦值的完美解決方案
最近發(fā)現(xiàn)各大類庫都能利用xxx.innerHTML=HTML片斷來生成節(jié)點元素,再把它們插入到目標元素的各個位置上。這東西實際上就是insertAdjacentHTML,但是IE可惡的innerHTML把這優(yōu)勢變成劣勢。2014-06-06