需要准备的材料分别有:电脑、浏览器、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" 就可以加大文本框里面的大小。