javascript - Typescript + Html：如何在输入字段中强制大写

Question

我正在使用角度（打字稿），并且我在 html 中有一个模型表单，用户必须在其中插入一个代码字段和一个描述字段。

代码字段必须始终由用户输入，始终为大写。

我发现并关注了这个问题： How to convert input value to uppercase in angular 2 (value passing to ngControl)

但是用户插入的最后一个字母仍然是小写的.. 基本的事情是数据库总是全部大写（我还限制了 4 个可以正常工作的字符）这是我现在的代码，但正如上面所写的那样不能正常工作：

<input type="text" id="code" #code class="form-control" formControlName="code" maxlength="4"
                 (input)="code.value=$event.target.value.toUpperCase()">

有没有人找到一个快速、实用且快速的解决方案？

谢谢你！

标签： javascripthtmlangulartypescript

Answer 1

您可以简单地添加 oninput="this.value = this.value.toUpperCase()"您的<input>标签，它会立即将您输入字段中的任何输入转换为大写。