溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章將為大家詳細講解有關html如何設置按鈕大小，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。
1、簡易性：超級文本標記語言版本升級采用超集方式，從而更加靈活方便，適合初學前端開發者使用。 2、可擴展性：超級文本標記語言的廣泛應用帶來了加強功能，增加標識符等要求，超級文本標記語言采取子類元素的方式，為系統擴展帶來保證。 3、平臺無關性：超級文本標記語言能夠在廣泛的平臺上使用，這也是萬維網盛行的一個原因。 4、通用性：HTML是網絡的通用語言，它允許網頁制作人建立文本與圖片相結合的復雜頁面，這些頁面可以被網上任何其他人瀏覽到，無論使用的是什么類型的電腦或瀏覽器。
html設置按鈕大小的方法是直接給input元素添加寬、高，代碼為【<input type="submit" value="確定" style="width:100px;height:60px">】。
本教程操作環境：windows7系統、html5版，DELL G3電腦。
html設置按鈕大小的方法：
html中設置按鈕的大小：可直接給input元素添加寬、高，具體代碼如下：
<input type="submit" value="確定" style="width:100px;height:60px">
下面是未設置input按鈕大小和設置了按鈕大小的對比效果：
html中的表單input元素是內聯塊狀元素，既可以與其它元素在同一行，又可以設置自身的寬度和高度。
如果按照上述方法設置input按鈕大小（寬、高），卻仍未達到改變input按鈕的效果，可檢查html中的代碼是否有誤或者與其它代碼相沖突。
拓展資料：
input中的type 屬性規定了input 元素的類型，其中屬性值submit，定義提交按鈕，提交按鈕會把表單數據發送到服務器。
<input type="button" /> 定義可點擊的按鈕，但沒有任何行為。button 類型常用于在用戶點擊按鈕時啟動 JavaScript 程序。
例子：
效果
源代碼：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>input</title>
<style type="text/css">
body{background: #ddd;}
form{margin:0;padding:0;}
form .btn{
width:100px;
height: 40px;
}
</style>
</head>
<body>
<input type="submit" value="確定" style="width:100px;height:60px;">
<input type="submit" value="確定" style="width:100px;height:100px">
<input type="submit" value="確定" >
<form action="form_action.asp" method="get">
<p>Email: <input type="text" name="email" /></p>
<p>Pin: <input type="text" name="pin" maxlength="18" /></p>
<input type="submit" value="提交" class="btn" />
</form>
</body>
</html>關于“html如何設置按鈕大小”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
