input 和 button元素 作為提交、重置、按鈕功用的區別。


首先,input元素和button元素 都是可以作為普通按鈕、提交按鈕、重置按鈕的。

<input type="button" value="button">
<input type="submit">
<input type="reset">
input元素默認 text類型
<button type="button">button</button>
<button type="submit">submit</button>
<button type="reset">reset</button>
button元素默認 submit類型。

其次,我們來看效果

看起來,好像是input類型的占位稍微多點,其實這是由於中英文字 占距 不同導致的,說到這就要講一下 。

input除了button類型需要設置value屬性之外。submit和reset都不需要,瀏覽器會默認配置,這里配置的是中文。
而button則必須手動配置。

最后,如何選擇?

 建議 使用button,因為一來 從開發角度講,標簽的語義化 越來越被提倡,input語義是輸入,button語義是按鈕,重置、普通按鈕、提交都是 按鈕功能。

二來,我們一般 需要自定義文字標識,不能依靠瀏覽器,特別是瀏覽器版本不一,設置統一的文字更加 有利於 界面的穩定。 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM