|
 HTML記述例 |
|
<textarea rows="6" cols="42" readonly>
～ここに文字を記入します～
</textarea> |
|
|
| ※rows=縦の行数 cols=横の文字数 |
|
| スクロールバーを消したテキストエリアボックス |
|
|
|
| HTML記述例 |
|
<textarea rows="6" cols="42" style="overflow:hidden ;" readonly>
テキストエリアボックスのスクロールバーを消しています。
</textarea>
|
|
|
| ※rows=縦の行数 cols=横の文字数 |
|
| ボックス内の文字が全選択できるテキストエリアボックス |
|
|
| HTML記述例 |
|
<textarea rows="6" cols="42" readonly onfocus="this.select()">
ここに入力した内容が全選択されます。
</textarea> |
|
|
| ※rows=縦の行数 cols=横の文字数 |
|
| フォントがあなたのホームページを劇的に変えます>> |
 |
|
|
|
| 背景の色を変えたテキストエリアボックスのサンプル |
|
| 背景がグレー |
|
|
| HTML記述例 |
|
<textarea style="background-color : #e7e7e7;" rows="6" cols="42" readonly>
ここに文字を入力します。
</textarea> |
|
|
|
| 背景がピンク |
|
|
| HTML記述例 |
|
<textarea style="background-color : #ffcccc;" rows="6" cols="42" readonly>
ここに文字を入力します。
</textarea> |
|
|
|
| 背景が水色 |
|
|
| HTML記述例 |
|
<textarea style="background-color : #ccffff;" rows="6" cols="42" readonly>
ここに文字を入力します。
</textarea> |
|
|
|
| 背景が黄色 |
|
|
| HTML記述例 |
|
<textarea style="background-color : #ffffcc;" rows="6" cols="42" readonly>
ここに文字を入力します。
</textarea> |
|
|
|
| 背景に画像を使ったテキストエリアボックス |
|
|
|
| サンプル① |
|
|
| 背景で使用している画像 |
 |
|
| HTML記述例 |
|
<textarea style="background-image : url(画像の指定);" rows="6" cols="42" readonly>
ここに文字を入力します。
</textarea> |
|
|
|
| サンプル② |
|
|
| 背景で使用している画像 |
 |
|
| HTML記述例 |
|
<textarea style="background-image : url(画像の指定);" rows="6" cols="42" readonly>
ここに文字を入力します。
</textarea> |
|
|
|
 スタイルシートを使ったテキストエリアボックスのサンプル |
|
HOME
