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>來做表單按扭。不同的按鈕類型請參考這些元素的詳細(xì)定義。要注意的是<button>比<input>支持更豐富的表現(xiàn)功能。
一些區(qū)別
大家都知道<input>可以這樣用(實際上是一定要這樣用):<input type="submit" value="OK" />,一定要這樣閉合。而不是:<input type="submit" value="OK" ></input>。因為起始標(biāo)簽為必須,而關(guān)閉標(biāo)簽是禁止的。
<button>比<input>更厲害的地方就在于它可以包含內(nèi)容。它的值并不是寫在value屬性里,而是包含在標(biāo)簽中。如:<button>OK</button>。<button>的起始標(biāo)簽和關(guān)閉標(biāo)簽都是必須的。這樣你便獲得了樣式化的主導(dǎo)權(quán)。
你可以這樣寫:<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="..." />,這是不合法的。當(dāng)然也不能再包含諸如input, select, textarea, label, button, form, fieldset, iframe,和isindex(不推薦使用)元素了。
相關(guān)文章
用iframe margin實現(xiàn)調(diào)用其他網(wǎng)頁的某一區(qū)域的方法
用iframe margin實現(xiàn)調(diào)用其他網(wǎng)頁的某一區(qū)域的方法...2007-12-12
IE6/IE7/IE8/IE9中tbody的innerHTML不能賦值的完美解決方案
最近發(fā)現(xiàn)各大類庫都能利用xxx.innerHTML=HTML片斷來生成節(jié)點元素,再把它們插入到目標(biāo)元素的各個位置上。這東西實際上就是insertAdjacentHTML,但是IE可惡的innerHTML把這優(yōu)勢變成劣勢。2014-06-06

