CSS樣式根據(jù)查詢csdn博客信息顯示，HTML輸入框的大小可以通過CSS樣式來調(diào)整，使用width和height屬性來設(shè)置輸入框的寬度和高度即可調(diào)整輸入框的大小。

實際上，HTML中的input文本框可以設(shè)置寬度使用CSS屬性 width 可以控制輸入框的寬度例如html復(fù)制代碼ltinput type=quottextquot style=quotwidth 200pxquot 上述代碼將創(chuàng)建一個文本輸入框，寬度為200像素此外，還可以使用CSS類。

1首先打開Hbuilder編輯器軟件，新建一個HTML文件，HTML文件中寫入兩個textarea文本框，并且給第二個文本設(shè)置一個class屬性2然后先給第一個文本框添加rows和cols屬性，它們分別用來控制文本框的行數(shù)和列數(shù)，設(shè)置這兩個。

ltinput style=quotheight300pxwidth100pxquot 解釋高300px，寬100px。

1新建html文檔，在body標(biāo)簽中添加input標(biāo)簽，并為這個標(biāo)簽添加一個類，這里以“demo”為例2在head標(biāo)簽中添加style標(biāo)簽，為“demo”設(shè)置“width”屬性，屬性值為input框的寬度，這時input框的寬度就會被改變3為“。

工具材料Dreamweaver 軟件或其他代碼編輯器 1可以添加行內(nèi)樣式代碼和效果html的表單按鈕改變寬度方式一直接在元素上定義樣式，代碼如下方式二使用css控制，給按鈕添加一個類名，如。

1首先用sublime text2新建一個測試用的html頁面我這里就叫testhtml 2這個時候在網(wǎng)頁中添加以個label標(biāo)簽和一個input框3預(yù)覽一下效果，我們可以知道默認的寬度是10 4這里我們通過設(shè)置size的屬性修改一下寬度7再。

1lttextarea id=quottxtConquot contentlttextarea123ltstyle type=quottextcssquot#txtConwidth100px height20pxltstyle 你也可以使用文本框自己的屬性，定義文本框的行和列控制大小，如1lttextarea id=quottxtConquot。

1限制input文本框的輸入長度的話可以為其加上maxlength屬性來限制如果是限制input的顯示長度的話，可以直接用CSS中的width來限制2添加css屬性， style=quotwidth200pxquot3 限制input標(biāo)簽的長度ltinput type=quottext。

輸入框的大小不知是指顯示長度或最多能輸入的字符數(shù)如文本框可以這樣控制ltinput name=quottextfieldquot type=quottextquot size=quot12quot maxlength=quot6quot 其中，size=quot12quot是設(shè)置文本框的顯示長度為12個字符，而maxlength=quot6quot。

設(shè)置html 輸入框控件text的自定義長度寬度和字體的大小，你只要在輸入欄中寫入代碼即可代碼如下ltinput name=quotquot type=quottextquot style=quotwidth200px height20pxquot PShtml view plain copy lttextarea id=quot。

代碼如下inputwidth100pxheight30pxlineheight30px 寬度為100像素，高度為30像素 知識延展CSS 語法 CSS 規(guī)則由兩個主要的部分構(gòu)成選擇器，以及一條或多條聲明選擇器通常是您需要改變樣式的 HTML 元素。

在html中是改變文本框?qū)挾鹊姆椒ㄓ袃煞N，一個是直接使用html設(shè)置文本框的寬度，一個是用css代碼來設(shè)置文本框的寬度工具原料編輯器瀏覽器 一html設(shè)置寬度的方法 1通過設(shè)置input的size屬性來實現(xiàn)輸入框?qū)挾鹊母淖儭?/p>

3然后設(shè)置select2的寬度，這里使用百分比設(shè)置寬度，百分比代表的是鋪滿整個屏幕所占的比例，這里設(shè)置為50%4最后來到瀏覽器，即可看到兩個不同寬度的select下拉列表了以上就是html頁面中下拉列表控制寬度的方法。

需要準(zhǔn)備的材料分別有電腦瀏覽器html編輯器1首先，打開html編輯器，新建html文件，例如indexhtml2在indexhtml中的ltbody標(biāo)簽中，輸入html代碼lttextarea style=quotresizequotlttextarea3瀏覽器。