Question

这是我的input：

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

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

Answer 1

如果您只想将所有文字插入该字段的大写字母，您只需将text-transform: uppercase;添加到该字段的CSS即可。

如果您确实要求用户的键盘更改为＆＃34;大写模式＆＃34;，那么直到不久前才能实现，但最近的浏览器（和Ionic）支持新属性名为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选项是＆＃34;单词＆＃34;和＆＃34;句子＆＃34;，我认为应该是不言自明的）

请记住，用户仍然可以手动将键盘重新设置为小写，因此如果您确实要求输入文本为大写，则需要将其与CSS中的text-transform: uppercase;结合使用。

Answer 2

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

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

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

2 个答案: