站長資訊網
        最全最豐富的資訊網站

        html中怎么設置input的寬度

        html中設置input寬度的方法:1、給input元素設置width屬性,語法“<input width="寬度值">”;2、給input元素添加width樣式,語法“input{width:寬度值;}”。

        html中怎么設置input的寬度

        本教程操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。

        html中設置input的寬度

        方法1:利用input元素的width屬性

        HTML 5 <input> width 屬性屬性規定 <input> 元素的寬度。

        注意:width 屬性只適用于 <input type="image">

        提示:為圖片指定 height 和 width 屬性是一個好習慣。如果設置了這些屬性,當頁面加載時會為圖片預留需要的空間。而如果沒有這些屬性,則瀏覽器就無法了解圖像的尺寸,也就無法為其預留合適的空間。情況是當頁面和圖片加載時,頁面布局會發生變化。

        示例:

        <form action="demo-form.php">   用戶名: <input type="text" name="name"><br>   密 碼: <input type="password" name="pass"><br>   <input type="image" src="img_submit.gif"  alt="Submit" width="48" height="48">   <input type="image" src="img_submit.gif"  alt="Submit" width="100" height="100"> </form>

        效果圖:

        html中怎么設置input的寬度

        方法2:利用css width樣式

        width屬性設置元素的寬度。

        <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style type="text/css"> #pass { width: 200px; } </style> </head> <body> <form action="demo-form.php"> 用戶名: <input type="text" name="name"><br> 密 碼: <input type="password" name="pass" id="pass"> </form> </body> </html>

        效果圖:

        html中怎么設置input的寬度

        推薦教程:《html視頻教程》

        贊(0)
        分享到: 更多 (0)
        網站地圖   滬ICP備18035694號-2    滬公網安備31011702889846號
        主站蜘蛛池模板: 人妻精品久久无码区 | 久久精品无码午夜福利理论片 | 538国产精品一区二区在线| 久久精品成人一区二区三区| 国产精品久久亚洲不卡动漫| 亚洲av永久无码精品古装片| Xx性欧美肥妇精品久久久久久| 国产午夜精品无码| 中国精品18videosex性中国| 精品无码久久久久久国产| 91亚洲国产成人久久精品| 国产a视频精品免费观看| 欧美日韩人妻精品一区二区在线 | 老司机99精品99| 国产精品高清视亚洲精品| 日韩精品内射视频免费观看| 无码欧精品亚洲日韩一区夜夜嗨| 国产精品人成在线观看| 亚洲综合国产精品| 久久99久久99小草精品免视看| 99在线精品视频在线观看| 国产精品国产三级国产普通话| 亚洲日韩国产AV无码无码精品| 久久青青草原精品国产软件| 精品无码国产污污污免费网站国产| 国产精品免费大片一区二区| 999久久久国产精品| 2024最新国产精品一区| 2024国产精品极品色在线| 最新国产精品亚洲| 国产69精品久久久久99| 国产精品理论片在线观看| 国产精品免费一区二区三区| 97久久精品人人澡人人爽| 丁香色婷婷国产精品视频| 国产精品午夜国产小视频| 九色精品视频在线观看| 久久这里有精品视频| 欧美成人精品一区二区综合| 午夜亚洲av永久无码精品| 亚洲一区爱区精品无码|