HTMLのテキストボックスに工夫を施す小技いろいろ

Pocket

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>

[ 2009年12月12日 | カテゴリー: デジタル | タグ: , ]

« | »

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

送信してください。


タグ

カテゴリー

最近の投稿

最近のコメント

固定ページ

アーカイブ

stabucky

写真

メタ情報