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，自适应屏幕。

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

1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。

2、在index.html中的<input>标签中新增样式代码：style="width: 200pxheight:60px"。

3、浏览器运行index.html页面，此时input框的宽度被设置为200px，高度被设备为60px了。

---