Question

我有一个带有文本框的表单，当用户准备将一些数据填入文本框时...文本框字段自动将第一个字母作为大写

如何禁用... 我希望根据用户输入大写或小写输入数据

这是我的代码

<div class="form-group">
  <input type="text" name="city" class="form-control" list="city" placeholder="Enter city"  required/>
</div>

Answer 1

我认为你的 css 或 javascirpt 设置的第一个字母是captial。

所以你可以采取以下方式之一（ css ）

input.form-control-capital{
text-transform: capitalize;
}

input.form-control{
text-transform: none !important;//You can achive this settings
}

<div class="form-group">
  <input type="text" name="city" class="form-control-capital" list="city" placeholder="Enter city(first letter capital)"  required/>
</div>

<div class="form-group">
  <input type="text" name="city" class="form-control" list="city" placeholder="Enter city(normal)"  required/>
</div>

实现它。

参考：https://developer.mozilla.org/en-US/docs/Web/CSS/text-transform

如何避免文本框html和bootstrap中的第一个lettter资本？

1 个答案: