HTML中的字符数限制

时间:2020-03-06 14:31:31  来源:igfitidea点击:

如何对HTML中的文本输入施加字符限制?

解决方案

有一个maxlength属性

<input type="text" name="textboxname" maxlength="100" />

使用其他人所说的" maxlength"属性。

如果需要在文本区域上输入最大字符长度,则需要使用Javascript。在这里看看:如何使用JavaScript在HTML的textArea上施加maxlength

除上述内容外,我想指出,客户端验证(HTML代码,javascript等)还远远不够。还要检查服务器端的长度,或者根本不检查(如果可以允许人们绕过它不是很重要,那么确保采取任何措施来防止这种情况也并不重要)。

另外,同伴们,他(或者她)说的是HTML,而不是XHTML。 ;)

对于<input>元素,有maxlength属性:

<input type="text" id="Textbox" name="Textbox" maxlength="10" />

(顺便说一下,类型是"文本",而不是其他人正在写的"文本框"),但是,我们必须对<textarea>使用javascript。无论哪种方式,都应该在服务器上检查长度。

有2种主要解决方案:

纯HTML:

<input type="text" id="Textbox" name="Textbox" maxlength="10" />

JavaScript之一(将其添加到onKey事件):

function limitText(limitField, limitNum) {
    if (limitField.value.length > limitNum) {
        limitField.value = limitField.value.substring(0, limitNum);
    } 
}

但是无论如何,没有好的解决方案。我们不能适应每个客户的不良HTML实施,这是一场不可能的胜利。这就是为什么最好在服务器端使用PHP / Python /任何脚本对其进行检查。