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

        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號
        主站蜘蛛池模板: 亚洲精品成人片在线观看精品字幕 | 国产麻豆精品入口在线观看 | 欧美黑人巨大videos精品| 久久精品国产亚洲AV无码麻豆| 久久国产乱子伦精品免费午夜| 久久久久国产精品| 久久香综合精品久久伊人| 日韩精品国产自在欧美| 国产精品免费αv视频| 久久亚洲精品中文字幕三区| 日韩精品人妻系列无码专区 | 国产精品亚洲一区二区在线观看| 99精品全国免费观看视频..| 麻豆国产在线精品国偷产拍 | 婷婷精品国产亚洲AV麻豆不片| 热综合一本伊人久久精品| 国产网红主播无码精品| 99在线观看视频免费精品9| 国产在线拍揄自揄视精品不卡| 国产精品污WWW在线观看| 亚洲国产一二三精品无码 | 亚洲国产精品久久久久网站| 国产成人精品手机在线观看| 亚洲精品卡2卡3卡4卡5卡区| 亚洲欧美日韩精品专区| 日韩人妻无码精品无码中文字幕 | 孩交VIDEOS精品乱子| 日韩精品一区二区亚洲AV观看| 亚洲综合国产精品第一页 | 国产精品亚洲欧美大片在线看| 91自慰精品亚洲| 亚洲国产精品国自产拍电影| 欧美+亚洲+精品+三区| 久久精品视频网| 在线精品国产一区二区三区| 久久久精品人妻无码专区不卡| 国产亚洲精品看片在线观看| 国产欧美日本亚洲精品一5| 国产精品一区二区av不卡| 国产精品超碰12396| 国产精品色视频ⅹxxx |