如何將設備的鍵盤更改爲大寫？

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，這將做到這一點。

如果您確實需要將用戶的鍵盤更改爲「大寫模式」，直到前一段時間纔可能實現，但最近的瀏覽器（和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選項是「言」和「句子」，我相信應該是不言而喻的）

請記住，用戶仍然可以手動將鍵盤恢復爲小寫，因此如果您確實需要輸入文本爲大寫，y你需要將它與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/>

更新按照與離子輸入離子只需更換輸入評論