HTML中的字符限制

时间:2008-09-22 06:00:00

标签: html character-limit

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

6 个答案:

答案 0 :(得分:132)

有两个主要解决方案:

纯HTML:

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

JavaScript one(将其附加到onKey事件):

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

但无论如何,没有好的解决方案。你不能适应每个客户的糟糕HTML实现,这是一场不可能的胜利。这就是为什么在服务器端使用PHP / Python /任何脚本检查它会好得多。

答案 1 :(得分:43)

有一个maxlength属性

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

答案 2 :(得分:11)

除了上述内容之外,我还想指出客户端验证(HTML代码,javascript等)永远不够。还要检查服务器端的长度,或者根本不检查(如果它不是那么重要,以至于人们可以绕过它,那么真正保证任何阻止它的步骤都不够重要。)< / p>

另外,研究员,他(或她)说HTML,而不是XHTML。 ;)

答案 3 :(得分:5)

使用“maxlength”属性,正如其他人所说的那样。

如果您需要在文本区域上放置最大字符长度,则需要转到Javascript。看看这里:How to impose maxlength on textArea in HTML using JavaScript

答案 4 :(得分:1)

对于&lt; input&gt;元素有maxlength属性:

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

(顺便说一句,类型是“text”,而不是“textbox”,正如其他人正在写的那样),但是,你必须使用javascript和&lt; textarea&gt; s。无论哪种方式,都应该在服务器上检查长度。

答案 5 :(得分:0)

你可以用jquery设置maxlength,这是非常快的

jQuery(document).ready(function($){ //fire on DOM ready
 setformfieldsize(jQuery('#comment'), 50, 'charsremain')
})