html中如何設置input的寬度

這篇文章主要介紹了html中如何設置input的寬度，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

成都創(chuàng)新互聯是一家專業(yè)從事成都做網站、網站制作、成都外貿網站建設的網絡公司。作為專業(yè)網絡公司,成都創(chuàng)新互聯依托的技術實力、以及多年的網站運營經驗,為您提供專業(yè)的成都網站建設、網絡營銷推廣及網站設計開發(fā)服務！

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

本教程操作環(huán)境：windows7系統、CSS3&&HTML5版、Dell G3電腦。

html中設置input的寬度

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

HTML 5 width 屬性屬性規(guī)定 元素的寬度。

注意：width 屬性只適用于 。

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

示例：

  用戶名: 

  密　碼: 

  
  

效果圖：

方法2：利用css width樣式

width屬性設置元素的寬度。

#pass {
width: 200px;
}




用戶名: 

密　碼: 

效果圖：

感謝你能夠認真閱讀完這篇文章，希望小編分享的“html中如何設置input的寬度”這篇文章對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯，關注創(chuàng)新互聯行業(yè)資訊頻道，更多相關知識等著你來學習!

當前名稱：html中如何設置input的寬度
文章轉載：http://m.jiaotiyi.com/article/gpjoji.html