入力テキストの大文字/小文字の変更
エンドユーザーが入力した入力テキストの大文字/小文字を変更するにはどのようにすればよいですか?
例: 実行時に入力のテキストを大文字に変更します。
回答
実行時にInputウィジェットのテキストを大文字に変更するには、以下の手順を実行します。
-
Inputウィジェットを含む画面/ブロックのスタイルシートに以下のCSSスニペットを追加します。
.upperinput { text-transform: uppercase; } .upperinput:placeholder-shown { text-transform: none; }
スニペットの1行目で、エンドユーザーに対して表示されるテキストが大文字に変更されます。
2行目で、プレースホルダのテキスト(Prompt
プロパティで定義)の大文字/小文字が変更されないようにします。:placeholder-shown
擬似クラスは、一部のブラウザではサポートされません。 -
Inputウィジェットの
Style Classes
に"upperinput"
を追加します。これら2つの手順の後、Inputウィジェットに挿入されたテキストはエンドユーザーに対して大文字で表示されます。ただし、Inputウィジェットに関連付けられた変数に格納されたテキストの大文字/小文字は元のまま(ユーザーの入力どおり)です。
-
入力されたテキストを使用するアクションにAssignノードを追加し、割り当て「
<変数>
=ToUpper(<変数>)
」を設定します。ここで、<変数>
はInputウィジェットのソース変数です。この最後の手順では、ビルトイン関数
ToUpper
を使用し、ロジックで使用する場合は常に、テキスト<変数>
の大文字/小文字を大文字に変換します。