テキスト入力ボックスは、一般的なメッセージブック、フォーラムなどで使用する必要があります。つまり、HTML言語のTextareaとTextareには多くのパラメーターが含まれています。これらのパラメーターを使用することを学んだ場合、テキスト入力ボックスのサイズと外観を意志で変更して、必要な効果を実現できます。これらのパラメーターの使用方法は次のとおりです。
1。Cols、垂直列。 StyleSheetの設定がなければ、連続して収容できるバイト数を表します。たとえば、cols = 60は、ラインが最大60バイト、つまり30漢字を収容できることを意味します。さらに、テキストボックスの幅がこれを通じて調整され、COLS値を入力し、入力テキストフォントのサイズを定義することに注意することが重要です(定義されていない場合はデフォルト値が使用されます)、テキストボックスの幅が決定されます。
2。行、水平列。行= 10など、表示できる行数を示します。これは、10行を表示できることを意味します。 10行以上がある場合は、スクロールバーをドラッグして閲覧する必要があります。 (上記と同じ、テキストボックスの高さはこれを通して制御されます。)
3。名前、テキストボックスの名前、このアイテムはテキストを保存するときに使用する必要があるため不可欠です。
4。ワープ。 Warp = offは、テキスト領域に自動ラッピングがないことを意味する場合、もちろん、書かれていない場合、デフォルトで自動ラッピングになります。このパラメーターは、通常、使用される頻度ではありません。
5。スタイル、これは非常に実用的なパラメーターであり、テキストボックスの背景色、スクロールバーの色とフォーム、境界線の色、入力フォントのサイズと色などを設定するために使用できます。
6。一般に、外部CSSの設定を呼び出すために使用されるクラス。
例1:テキストボックスの行数を40に設定し、列数を10に設定します。名前はテキストです。式フォーム<Textarea cols = 40 rows = 10 name = text> </textarea>
例2:テキストボックスの右側にあるスクロールバーをキャンセルします。式フォーム<Textarea cols = 40 rows = 10 name = text style = overflow:auto> </textarea>。 style = overflow:autoとは、入力テキストがセット数の行数を超えると、スクロールバーが自動的に表示されることを意味します。
例3:テキストボックスの背景色を設定します。 <Textarea cols = 40 rows = 10 name = text style = backgroundcolor:bfcedc> </textarea>。
例4:さらに、テキストボックスのスクロールバーの色、境界線の色、フォントサイズ、色の間隔などを設定します。ただし、これらは通常、CSSでそれらを設定するために使用されます。直接呼び出すだけです。以下はCSS設定コードです。理解しやすいはずです。テキストボックスは、テキストボックスの背景色、上、下、左、右の境界色、厚さの色と厚さ、入力フォントのサイズで順番に設定されています。
| <style> .textbox {background:#bfcedc;ボーダートップ:#7F9DB9 1PXソリッド;国境左:#7F9DB9 1PXソリッド;境界線右:#7F9DB9 1PXソリッド;国境圏:#7F9DB9 1PXソリッド;フォントファミリー:Songti、Verdana、Arial、Helvetica;フォントサイズ:12px;テキストアライグ:リフト;} </style> |
ページの<head>と</head>の間に上記のコードを挿入します。通話方法:<TextArea cols = 40 rows = 10 name = text class = textbox> </textarea>。 class =の名前は、CSSで使用される設定の名前に対応しています。これらのパラメーターに精通したら、テキスト入力ボックスを変更して美化することは非常に便利です。