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

发布网友 发布时间：2022-04-20 05:31

我来回答

共5个回答

热心网友 时间：2022-04-19 23:27

1、首先用sublime text2新建一个测试用的html页面。

2、这个时候在网页中添加以个label标签和一个input框。

3、预览一下效果，我们可以知道默认的宽度是10。

4、这里我们通过设置size的属性修改一下宽度。

5、再预览一下效果，我们可以看到是宽度减少了。

6、如果是简单改变宽度这就足够了，但是如果修改一下其他的东西我们需要加上style属性。

7、预览一下最终的效果。可以看到宽度和高度都改变了。

热心网友 时间：2022-04-20 00:45

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

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

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

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

热心网友 时间：2022-04-20 02:20

设置html的input框的高度和宽步骤如下：

1、第一步，首先用sublime text2新建一个测试用的html页面，为test.html。

2、第二步，这个时候在网页中添加以个label标签和一个input框。

3、第三步，预览一下效果，我们可以知道默认的宽度是10

4、第四步，这里我们通过设置size的属性修改一下宽度。

5、第五步，如果是简单改变宽度这就足够了，但是如果修改一下其他的东西需要加上style属性预览一下最终的效果，可以看到宽度和高度都改变了。

这样就完成了设置html的input框的高度和宽。

热心网友 时间：2022-04-20 04:11

代码如下：

效果图：

原理：

通过<style></style>选择到所有<input>标签

然后给他们加上宽:<width> 高:<height>的具体数值来进行设置。

热心网友 时间：2022-04-20 06:19

以下两种都可以
<input type= "text" style= "height: 1.78em; padding-top:2px" />
<input type= "text" style= "width:40px;padding:7px" />
如果需要调整输入框字体大小，请加上font 如下
<input type= "text" style= "font: 16px arial; height: 1.78em; padding-top:2px" />