如何使用Angular JS限制HTML中的文本框长度

时间:2019-03-17 14:21:24

标签: html angularjs

我想将我的“注释”文本框限制在40个字符以内。我用过max = 40。任何人都可以帮助我解决此问题

代码:

<label for="cmds">Comments</label>
<input type="text" max="40" class="form-control" id="cmds" name="cmds" 
       data-ng-model="Audit.cmds" placeholder="null" >

2 个答案:

答案 0 :(得分:0)

由于您要处理注释,因此最好使用textarea而不是输入type =“ text”。

通过使用textarea,您可以执行以下操作:

<textarea maxlength="40" id="comments" cols="" rows="">

演示:https://jsfiddle.net/akshaymhatre89/L8fky10q/4/

答案 1 :(得分:0)

<label for="cmds">Comments</label>
<input type="text"  ̶m̶a̶x̶=̶"̶4̶0̶"̶ class="form-control" id="cmds" name="cmds" 
       data-ng-model="Audit.cmds" placeholder="null" 
       ng-maxlength="40" />

有关更多信息,请参见AngularJS ng-maxlength Directive API Reference