HTML除了maxlength如何限制长度
限制长度的方法:1、可以使用size属性,语法格式为“<input size="value">”;2、可以使用“width”属性,语法格式为“<input width="pixels|%">”。
本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
size属性
规定输入字段的宽度。
对于 <input type="text"> 和 <input type="password">,size 属性定义的是可见的字符数。而对于其他类型,size 属性定义的是以像素为单位的输入字段宽度。
由于 size 属性是一个可视化的设计属性,我们推荐您使用 CSS 来代替它。
语法:
<input size="value">
width 属性
只适用于 <input type="image">,它规定 image input 的宽度。
提示:为图片指定高度和宽度是一个好习惯。如果设置了这些属性,当页面加载时会为图片预留需要的空间。而如果没有这些属性,则浏览器就无法了解图像的尺寸,也就无法为其预留合适的空间。情况是当页面和图片加载时,页面布局会发生变化。
语法:
<input width="pixels|%">
size和width限制的是输入框显示长度,但是不限制输入长度,一直可以输入字符,,当输入的字符长度(数量)超过超过允许显示的长度时,超出部分会被输入框遮盖,而不是截断,你可以按左右键(← →)来滚动查看被遮盖部分的字符串。
扩展资料:
maxlength 属性规定输入字段的最大长度,以字符个数计。
maxlength 属性与 <input type="text"> 或 <input type="password"> 配合使用。
<input maxlength="value">
推荐学习:html视频教程
以上就是HTML除了maxlength如何限制长度的详细内容,更多请关注其它相关文章!
上一篇: eclipse怎么设置html快捷键
下一篇: golang学习笔记之WEB框架ECHO
推荐阅读
-
9、如何控制框架页面或
-
如何修改Mysql中group_concat的长度限制
-
html5\CSS3有哪些新特性、移除了哪些元素?如何处理HTML5新标签的浏览器兼容问题?如何区分HTML和HTML5?
-
html5那些新特性,移除了哪些元素?如何处理html5的兼容性问题?如何区分html和html5?
-
干货,不小心执行了rm -f,除了跑路,如何恢复?https://www.cnblogs.com/justmine/p/10359186.html
-
HTML5有哪些新特性,移除了哪些元素?如何处理HTML5新标签的浏览器兼容性问题?如何区分HTML和HTML5?
-
HTML输入框长度限制
-
如何让文字下面的线(border-bottom) 和 文字的长度一致求大神帮忙_html/css_WEB-ITnose
-
【急】ie已经限制此站点显示的特定内容。如何停止限制。_html/css_WEB-ITnose
-
input输入框限制仅能输入数字且规定数字长度(使用与输入手机号)_html/css_WEB-ITnose