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

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

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

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

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

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

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

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

HTML网页中textarea的高度自适应怎么实现方法：

方法步骤：

1、【实例名称】

textarea自适应文字行数

2、【实例描述】

textarea是HTML中的文本元素，可实现文字的多行输入，也可以控制行数和列数。本例学习如何让textarea根据用户的输人文本，自动调整高度和宽度。

3、【实例代码】

<head>

</head>

<body>

<textarea rows=1 name=txt1 cols=27

onpropertychange="this.style.posHeight=this.scrollHeight">

</textarea></body>

</html>

4、【运行效果】

5、【难点剖析】

本例的重点是texlarea元素的“onpropenychange”事件。当文本内容发生变化时会触发此事件。“posHeight”表示文本输入框的高度，“scmllHeight”表示内容的高度。

欢迎分享，转载请注明来源：内存溢出

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