Maxlength属性在移动和桌面浏览器上的工作方式不同

问题描述 投票:1回答:1
桌面(浏览器)上的

“ maxlength”属性检查输入的大小并将其与给定的限制进行比较,而它比较移动设备(浏览器)上的字符数。真奇怪例如,

 Username: <input type="text" name="usrname" maxlength="10"><br>

当您输入正常字符时,它将限制您到10个字符,即10个字节。当您尝试输入表情符号或多语言字符或Unicode字符时,根据大小,它将停止用户输入额外的字符。例如,如果您尝试输入👍表情符号,则在桌面上您只能输入5个表情符号,因为1个表情符号的大小为2个字节,而在桌面浏览器上则不允许跨越10个字节。

但是在移动浏览器上,您将可以输入10个表情符号。桌面或移动设备上的浏览器不应针对maxlength等简单属性使用相同的功能。让我知道为什么会这样,如果可能的话,请解决。 我希望移动浏览器与台式机浏览器一样工作,并以字节不计数的方式限制输入大小。预先感谢。

出于测试目的:https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_input_maxlength

html validation input textfield maxlength
1个回答
© www.soinside.com 2019 - 2024. All rights reserved.