如何避免在TextBox HTML和Bootstrap中首次降级资本

Question

我有一个带有文本框的表单，当用户准备好将某些数据填充到文本框中...文本框字段自动将第一个字母作为Capital

将

如何禁用那个...我想基于用户输入cap或smalls

中的输入数据

这是我的代码

<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>

ACHEIVE。

参考：https://developer.mozilla.org/en-us/docs/web/css/text-transform