首先,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語義是按鈕,重置、普通按鈕、提交都是 按鈕功能。
二來,我們一般 需要自定義文字標識,不能依靠瀏覽器,特別是瀏覽器版本不一,設置統一的文字更加 有利於 界面的穩定。