html 输入框长度

建立了一个测试页面，可以点击查看测是页面

1、这个页面左边是HTML代码，右边是演示效果。演示效果分为2份，你的代码和我修正过的代码。

2、它们的区别在这里，你的宽度忘了加px单位

3、在写样式的时候，一定要注意各种单位的区别。

扩展资料，常见CSS单位

% 百分比

in 英寸

cm 厘米

mm 毫米

em

1em 等于当前的字体尺寸。

2em 等于当前字体尺寸的两倍。

例如，如果某元素以 16px 显示，那么 2em 是32px。

在 CSS 中，em 是非常有用的单位，因为它可以自动适应用户所使用的字体。

ex 一个 ex 是一个字体的 x-height。 (x-height 通常是字体尺寸的一半。)

pt 磅 (1 pt 等于 1/72 英寸)

pc 12 点活字 (1 pc 等于 12 点)

px 像素 (计算机屏幕上的一个点)

vw：（取值1-100），理解全屏幕宽为100vw，自适应屏幕。

Vh：（取值1-100），理解全屏幕高为100vh，自适应屏幕。

　输入框的大小不知是指显示长度或最多能输入的字符数？如文本框可以这样控制：

<input name="textfield" type="text" size="12" maxlength="6" />

其中，size="12"是设置文本框的显示长度为12个字符，而maxlength="6"是限制最多能输入6个字符。

试试。

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

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

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

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

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

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

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

---