如何将设备的键盘更改为大写？

Question

这是我的input：

<ion-item>
      <ion-label color="primary">Nickname</ion-label>
      <ion-input formControlName="nickname" [(ngModel)]="nickname"></ion-input>
</ion-item>

如何使用离子2将设备的键盘更改为大写？

Answer 1

如果您只想将所有文本插入该字段大写，则只需将text-transform: uppercase;添加到该字段的CSS，然后才能做到。

如果您实际上要求用户的键盘更改为"大写模式"，则直到有一段时间之前就不可能，但是最近的浏览器（和离子）支持一个称为autocapitalize的新属性，该属性正是您想要的：输入元素将autocapitalize属性设置为TRUE，将使移动设备上的虚拟键盘大写。

您可以在autocapitalize上查看更多信息：https：//developers.google.com/web/updates/2015/04/autocapitalize

因此，您应该将ion-input更改为：

<ion-input formControlName="nickname" 
           [(ngModel)]="nickname" 
           autocapitalize="characters">
</ion-input>

（其他autocapitalize选项是"单词"one_answers"句子"，我认为应该是自称的）

请记住，用户仍然可以手动将键盘转回较低案例，因此，如果您确实要求输入文本是大写，则需要将其与CSS中的text-transform: uppercase;组合。

Answer 2

1. No Capitalization
    <input autocapitalize=off/>
    <ion-input autocapitalize=off/>
    <br/>
2. Characters Capitalization
    <input autocapitalize=characters/>
    <ion-input autocapitalize=characters/>
    <br/>
3. Words Capitalization
    <input autocapitalize=words/>
    <ion-input autocapitalize=words/>
    <br/>
4. For sentence
    <input autocapitalize=sentences/>
    <ion-input autocapitalize=sentences/>
    <br/>

根据Ionic的评论更新，只需将输入替换为离子输入