首頁 > web前端 > html教學 > html怎樣設定按鈕大小

html怎樣設定按鈕大小

coldplay.xixi
發布: 2023-01-05 16:11:51
原創
25111 人瀏覽過

html設定按鈕大小的方法是直接為input元素加寬、高,程式碼為【

html怎樣設定按鈕大小

本教學操作環境:windows7系統、html5版,DELL G3電腦。

html設定按鈕大小的方法:

html中設定按鈕的大小:可直接為input元素新增寬、高,具體程式碼如下:

<input type="submit" value="确定" style="width:100px;height:60px">
登入後複製

下面是未設定input按鈕大小和設定了按鈕大小的比較效果:

html怎樣設定按鈕大小

#html中的表單input元素是內嵌區塊狀元素,既可以與其它元素在同一行,又可以設定自身的寬度和高度。

如果依照上述方法設定input按鈕大小(寬、高),卻仍未達到改變input按鈕的效果,可檢查html中的程式碼是否有誤或與其它程式碼相衝突。

拓展資料:

input中的type 屬性規定了input 元素的類型,其中屬性值submit,定義提交按鈕,提交按鈕會將表單資料傳送到伺服器.

定義可點擊的按鈕,但沒有任何行為。 button 類型常用於在使用者點擊按鈕時啟動 JavaScript 程式。

範例:

html怎樣設定按鈕大小

##相關學習推薦:

html怎樣設定按鈕大小

html影片教學

#

以上是html怎樣設定按鈕大小的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板