首页 >web前端 >html教程 > 正文

HTML除了maxlength如何限制长度

原创2021-06-04 17:19:3201354

限制长度的方法: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如何限制长度的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:HTML
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    作者信息

    醉折花枝作酒筹

    飞花飘絮,霓裳翩翩舞,几多情愫心飞扬。

    最近文章
    css如何设置指定网格的大小和位置471
    css如何定义网格线大小1159
    教你一招搞定css背景图的大小839
    推荐视频教程
  • HTML 中文开发手册HTML 中文开发手册
  • HTML5 Canvas 动画实战教程HTML5 Canvas 动画实战教程
  • HTML 代码实例HTML 代码实例
  • 新独孤九贱之:HTML5极速入坑新独孤九贱之:HTML5极速入坑
  • 视频教程分类