You Look Too Cool

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

abcde
文字を選択。
<textarea onclick=”this.select()”>abcde</textarea>

---

abcde
IMEをアクティブ。
<textarea style=”ime-mode:active;”>abcde</textarea>
abcde
IMEを非アクティブ。
<textarea style=”ime-mode:inactive;”>abcde</textarea>