Question

如何定义 input 输入框的宽高

为什么我在设input大小的时候浏览出来的都会大一点呢，而且很多浏览器也显示不一样，有什么办法让他解决呢

Answer 1

定义 input 输入框的宽高步骤如下：

1、首先先将文本域input定义好，然后定义一个长度校验按钮。

2、这里用jquery获取域长度进行校验，所以需要将jquery相关的js文件引入进来。

3、定义域长度获取方法。

4、使用浏览器打开，在input框中输入对应的汉字，点击按钮获取域长度。

Answer 2

因为input输入框还有2px的边框等，以200px宽度、80px高度为例，解决办法如下：

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

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<style>标签中，输入css代码：input {width: 196px;height: 75px;}。

3、浏览器运行index.html页面，此时发现输入框的宽刚好200px，高刚好80px。

Answer 3

用CSS，如果你的Input设为32px，那么实际宽度只有30px，因为那个边框占了2个像素；你可以把边框设为0==border:none;或者只要一部分边框==border:0px 1px 0px1px(这个是按上右下左来的 )。你干脆把宽度设pc算了，这样你好根据你要输入的字符来定

Answer 4

<input type="text" class="inputText">

<style>
.inputText{
    height:40px;
    width:120px;
    }
</style>

Answer 5

用css 定义宽度 高度 注意 边框问题