溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章將為大家詳細講解有關(guān)html如何設(shè)置按鈕大小，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。
1、簡易性：超級文本標記語言版本升級采用超集方式，從而更加靈活方便，適合初學前端開發(fā)者使用。 2、可擴展性：超級文本標記語言的廣泛應用帶來了加強功能，增加標識符等要求，超級文本標記語言采取子類元素的方式，為系統(tǒng)擴展帶來保證。 3、平臺無關(guān)性：超級文本標記語言能夠在廣泛的平臺上使用，這也是萬維網(wǎng)盛行的一個原因。 4、通用性：HTML是網(wǎng)絡的通用語言，它允許網(wǎng)頁制作人建立文本與圖片相結(jié)合的復雜頁面，這些頁面可以被網(wǎng)上任何其他人瀏覽到，無論使用的是什么類型的電腦或瀏覽器。
html設(shè)置按鈕大小的方法是直接給input元素添加寬、高，代碼為【<input type="submit" value="確定" style="width:100px;height:60px">】。
本教程操作環(huán)境：windows7系統(tǒng)、html5版，DELL G3電腦。
html設(shè)置按鈕大小的方法：
html中設(shè)置按鈕的大?。嚎芍苯咏oinput元素添加寬、高，具體代碼如下：
<input type="submit" value="確定" style="width:100px;height:60px">
下面是未設(shè)置input按鈕大小和設(shè)置了按鈕大小的對比效果：
html中的表單input元素是內(nèi)聯(lián)塊狀元素，既可以與其它元素在同一行，又可以設(shè)置自身的寬度和高度。
如果按照上述方法設(shè)置input按鈕大?。▽?、高），卻仍未達到改變input按鈕的效果，可檢查html中的代碼是否有誤或者與其它代碼相沖突。
拓展資料：
input中的type 屬性規(guī)定了input 元素的類型，其中屬性值submit，定義提交按鈕，提交按鈕會把表單數(shù)據(jù)發(fā)送到服務器。
<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>關(guān)于“html如何設(shè)置按鈕大小”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。
免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機網(wǎng)站二維碼