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文件，例如：indexhtml。

2、在indexhtml中的<style>标签中，输入css代码：input {width: 250px;}。

3、浏览器运行indexhtml页面，此时发现input输入框的长度被设定为250px了。

设置html 输入框控件text的自定义长度宽度和字体的大小，你只要在输入栏中写入代码即可。

代码如下:
<input name="" type="text" style="width:200px; height:20px;" />

PS:

[html] view plain copy

<textarea id="content" name="content"   style="width: 80%;height: 30%;" onblur="thisvalue=thisvaluetrim()">

${newscontent}</textarea>

最好使用上面这种 比较好扩展

使用px 网页压缩时候会变形

[html] view plain copy

<textarea id="content" name="content"   style="width:330px;height: 130px;" onblur="thisvalue=thisvaluetrim()">

${newscontent}</textarea>

设置html 输入框控件text的自定义长度宽度和字体的大小，你只要在输入栏中写入代码即可。

代码如下:
<input name="" type="text" style="width:200px; height:20px;" />

PS:

[html] view plain copy

<textarea id="content" name="content"   style="width: 80%;height: 30%;" onblur="thisvalue=thisvaluetrim()">

${newscontent}</textarea>

最好使用上面这种 比较好扩展

使用px 网页压缩时候会变形

[html] view plain copy

<textarea id="content" name="content"   style="width:330px;height: 130px;" onblur="thisvalue=thisvaluetrim()">

${newscontent}</textarea>

<input type=text name=word style="height:25px; font-size:22px;" size=65 baiduSug=1> <input type="submit" style='font-size:18px'  value="扭一下">

指定css样式就可以了嘛！宽多少，高多少，文本框内输入的文字大小！

---