HTML设置input框大小的方法

HTML input元素定义的输入框的大小,可以通过CSS的width属性和height属性来分别设置input框的宽度和高度,如果只是设置这些,input输入框中的字体并不会跟着改变大小,如果还需要设置input输入框内字体的大小,则需要另外进行设置。下面的实例来先介绍一下改变input框大小的设置方法。语法如下:

input{width:value1;height:value2}

提示:input为元素选择器,也可以通过其它的选择器,比如id选择器、类选择器等等。

HTML设置input框大小的实例代码,及在线编辑器

<input type='text'><br><br>
<input type='text' id='inp'>

<style>
  #inp{width:100%;height:50px;}
</style>