如何设置html的input框的高度和宽度!

html-css09

如何设置html的input框的高度和宽度!,第1张

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html,编写问题基础代码。

2、在index.html中的<input>标签中新增样式代码:style="width: 200pxheight:60px"。

3、浏览器运行index.html页面,此时input框的宽度被设置为200px,高度被设备为60px了。

在html中是改变文本框宽度的方法有两种,一个是直接使用html设置文本框的宽度,一个是用css代码来设置文本框的宽度。

工具原料:编辑器、浏览器

一、html设置宽度的方法

1、通过设置input的size属性来实现输入框宽度的改变,代码如下:

<input type="txt" /></br>

<input type="txt" size="100" />

2、运行的结果如下:

二、使用css方法

1、使用css的width直接设置输入框的宽度,代码如下:

<input type="txt" /></br>

<input type="txt" style="width: 200px" />

2、运行的结果如下:

使用font-size样式就可以。

line-height:25px 。

无效的话就在CSS样式表里把这个input加个class 把它的表现形式变为 display:inline-block

或者display:block。

<input type=text name=word style="height:25pxfont-size:26px" baiduSug=1><input type="submit" style='font-size:18px' value="扭一下">style 中加入 style ="font-size:26px" 就可以加大文本框里面的大小。