html css 控制input长度

通过css样式的width属性，将input框宽度设置为所需要的值，比如100px,200px。

代码如下：

<style type="text/css">
    .w100 {
        width: 100px;
    }
    .w200 {
        width: 200px;
    }
</style>

<div>
    这是通过css设置宽度为100px的input: <input class="w100" type="text">
</div>
<div>
    这是通过css设置宽度为200px的input: <input class="w200" type="text">
</div>

效果如下: