html表单中输入字符的最小长度是1个字符。
用input text标签的maxlength属性即可实现,代码如下:
<input type="text" maxlength="XX" />
maxlength 属性后面设置需要限制的字段长度即可。
建立了一个测试页面,可以点击查看测是页面
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标签里面有个maxlength属性可以限制输入长度比如说maxlength="5";代码如下
<!DOCTYPE html><html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Examples</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href=" " rel="stylesheet">
<style type="text/css" media="screen">
</style>
</head>
<body>
<input type="text" name="" value="" placeholder="" maxlength="5">
</body>
</html>
这样输入的时候最多输入5个字,多了就输入不进去