HTMLのテキストボックスに工夫を施す小技を。
input(text)
文字を選択。ボックスをクリックするとボックス内の文字列が自動的に選択されます。
<input type=”text” onclick=”this.select()” value=”abcde”>
文字を赤に。
<input type=”text” value=”abcde” style=”color:red;”>
文字のサイズを1.5倍に。
<input type=”text” value=”abcde” style=”font-size:150%;”>
ボックスの幅を200ピクセルに。
<input type=”text” value=”abcde” style=”width:200px;”>
textarea
文字を選択。
<textarea onclick=”this.select()”>abcde</textarea>
IMEをアクティブ。
<textarea style=”ime-mode:active;”>abcde</textarea>
IMEを非アクティブ。
<textarea style=”ime-mode:inactive;”>abcde</textarea>
コメント