CSS样式根据查询csdn博客信息显示，HTML输入框的大小可以通过CSS样式来调整，使用width和height属性来设置输入框的宽度和高度即可调整输入框的大小。

实际上，HTML中的input文本框可以设置宽度使用CSS属性 width 可以控制输入框的宽度例如html复制代码ltinput type=quottextquot style=quotwidth 200pxquot 上述代码将创建一个文本输入框，宽度为200像素此外，还可以使用CSS类。

1首先打开Hbuilder编辑器软件，新建一个HTML文件，HTML文件中写入两个textarea文本框，并且给第二个文本设置一个class属性2然后先给第一个文本框添加rows和cols属性，它们分别用来控制文本框的行数和列数，设置这两个。

ltinput style=quotheight300pxwidth100pxquot 解释高300px，宽100px。

1新建html文档，在body标签中添加input标签，并为这个标签添加一个类，这里以“demo”为例2在head标签中添加style标签，为“demo”设置“width”属性，属性值为input框的宽度，这时input框的宽度就会被改变3为“。

工具材料Dreamweaver 软件或其他代码编辑器 1可以添加行内样式代码和效果html的表单按钮改变宽度方式一直接在元素上定义样式，代码如下方式二使用css控制，给按钮添加一个类名，如。

1首先用sublime text2新建一个测试用的html页面我这里就叫testhtml 2这个时候在网页中添加以个label标签和一个input框3预览一下效果，我们可以知道默认的宽度是10 4这里我们通过设置size的属性修改一下宽度7再。

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

1限制input文本框的输入长度的话可以为其加上maxlength属性来限制如果是限制input的显示长度的话，可以直接用CSS中的width来限制2添加css属性， style=quotwidth200pxquot3 限制input标签的长度ltinput type=quottext。

输入框的大小不知是指显示长度或最多能输入的字符数如文本框可以这样控制ltinput name=quottextfieldquot type=quottextquot size=quot12quot maxlength=quot6quot 其中，size=quot12quot是设置文本框的显示长度为12个字符，而maxlength=quot6quot。

设置html 输入框控件text的自定义长度宽度和字体的大小，你只要在输入栏中写入代码即可代码如下ltinput name=quotquot type=quottextquot style=quotwidth200px height20pxquot PShtml view plain copy lttextarea id=quot。

代码如下inputwidth100pxheight30pxlineheight30px 宽度为100像素，高度为30像素 知识延展CSS 语法 CSS 规则由两个主要的部分构成选择器，以及一条或多条声明选择器通常是您需要改变样式的 HTML 元素。

在html中是改变文本框宽度的方法有两种，一个是直接使用html设置文本框的宽度，一个是用css代码来设置文本框的宽度工具原料编辑器浏览器 一html设置宽度的方法 1通过设置input的size属性来实现输入框宽度的改变。

3然后设置select2的宽度，这里使用百分比设置宽度，百分比代表的是铺满整个屏幕所占的比例，这里设置为50%4最后来到浏览器，即可看到两个不同宽度的select下拉列表了以上就是html页面中下拉列表控制宽度的方法。

需要准备的材料分别有电脑浏览器html编辑器1首先，打开html编辑器，新建html文件，例如indexhtml2在indexhtml中的ltbody标签中，输入html代码lttextarea style=quotresizequotlttextarea3浏览器。