html - 静态输入违反输入框的 MaxLength 属性

标签 html

我使用 <input type="text" name="username"> 创建了一个输入框,供用户输入 username ,然后我将长度固定为 5 进行一些计算。

<input type="text" name="username" maxlength="5"> 。但是当我将输入作为静态文本给出时,它将接受任意数量的字符。

将最大长度设置为 5 意味着输入框只能容纳 5 个字母,那么为什么这样输入时会容纳超过 5 个字母呢?
ojit_代码

最佳答案

根据w3schools ,

Maxlength eflects the maxlength HTML attribute, containing the maximum length of text (in Unicode code points) that the value can be changed to. The constraint is evaluated only when the value is changed

这里的关键是它仅在值更改时进行评估。您可以在创建元素时将该值设置为任何值。更改后就会出现效果。尝试更改示例中的输入,您会发现它确实将其限制为 5 个字符。

关于html - 静态输入违反输入框的 MaxLength 属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25418420/

相关文章:

javascript - HTML/JavaScript : Why don't my buttons work?

html - 垂直对齐不适用于第一页加载

html - 媒体查询不适用于 450 像素的屏幕大小

javascript - 当我使用 javascript 动态创建 html 页面时,Jquery 脚本未加载到 head 中

javascript - JQuery - 在屏幕上单击并拖动 div 而无需拖动

Javascript 检查 HTML 是否包含数组中的项目

html - 在左侧对齐文本,但也在我的 div 的中心

javascript - 从 html 字符串中获取列值 - Javascript

html - 不能 :hover whole line of a table

html - 为什么使用 CSS 调整 SVG 图像大小会变得难看(Chrome、Firefox 测试)