在HTML中,<input>
標簽是用于創建各種表單元素的通用標簽。在表單中提交按鈕是必不可少的,而<input type="submit">
就是定義提交按鈕的標簽。
對于submit按鈕,為了讓它更好看,有時候我們需要設置它的大小。那么我們應該如何設置呢?
<input type="submit" value="提交" style="width: 100px; height: 50px;">
可以看到,我們需要通過設置樣式來設置submit按鈕的大小,在style屬性中使用width
和height
屬性即可。代碼中的100px和50px分別表示submit按鈕的寬和高。
另外,我們也可以把樣式放到CSS文件中:
input[type=submit] { width: 100px; height: 50px; }
與上面的代碼實現效果是一樣的,只不過是通過CSS來設置樣式。可以直接在這個樣式里設置submit按鈕的寬和高,這樣其他地方也能重用這個樣式。而且也更方便維護。