Webデザインにおけるテキスト入力ボックスの一部パラメータの説明_HTML/Xhtml_Webページ制作

WBOY
リリース: 2016-05-16 16:45:17
オリジナル
2079 人が閲覧しました

テキスト入力ボックスは一般的なゲストブック、フォーラム、その他の場所で使用されます。テキストエリアには多くのパラメーターが含まれています。これらのパラメーターの使用方法を学習すると、テキスト入力ボックスのサイズとサイズを変更できます。外観、希望の効果を実現するために、これらのパラメーターとその使用方法を紹介します。
1. 列、縦の列。スタイルシートを設定しない場合は、1行に収まるバイト数を表します。たとえば、cols=60 は、1 行に最大 60 バイト (漢字 30 文字) を保持できることを意味します。もう 1 つ注意すべき点は、テキスト ボックスの幅がこれによって調整されることです。cols の値を入力し、入力テキストのフォントのサイズを定義し (定義されていない場合は、デフォルト値が使用されます)、次に、その幅を定義します。テキストボックスが決まります。
2. 行、横列。表示できる行数を示します。たとえば、rows=10 は 10 行を表示できることを意味します。 10 行を超える場合は、スクロール バーをドラッグして参照する必要があります。 (上記と同様に、テキストボックスの高さはこれによって制御されます。)
3. 名前、テキストボックスの名前。テキストを保存するときに使用する必要があるため、この項目は必須です。
4. ワープ、warp="off" の場合、テキスト領域は自動的に折り返されません。もちろん、書かれていない場合は、デフォルトで自動的に折り返されます。このパラメータは通常、あまり使用されません。
5. スタイル、これはテキスト ボックスの背景色、スクロール バーの色とフォーム、境界線の色、入力フォントのサイズと色などを設定するために使用できる非常に実用的なパラメーターです。
6. クラス。通常は外部 CSS の設定を呼び出すために使用されます。
例1: テキストボックスの行数を40、列数を10に設定します。名前はテキストです。式形式
例 2: テキスト ボックスの右側のスクロール バーをキャンセルします。式形式 。 style="overflow:auto" は、入力テキストが設定された行数を超えたときにスクロール バーが自動的に表示されることを意味します。
例 3: テキスト ボックスの背景色を設定します。
例4: また、テキストボックスのスクロールバーの色、枠線の色、フォントサイズ、色、行間などの設定をスタイルで直接設定することができます。ただし、これらは通常 CSS で設定され、直接呼び出すことができます。以下はCSSの設定コードです。テキストボックスに設定する内容は、テキストボックスの背景色、上下左右の枠線の色と太さ、サイズです。入力フォントなど
.textbox { BACKGROUND: #BFCEDC; BORDER-TOP: #7F9DB9 1px ソリッド; BORDER-RIGHT: #7F9DB9 1px ソリッド; FONT-FAMILY: "宋体"、"Verdana"、"Arial"、"Helvetica"; FONT-SIZE: 12px; TEXT-ALIGN: LIFT;}
ページの と 。 class=""内の名前はcssで使用する設定名に相当します。これらのパラメータに慣れると、テキスト入力ボックスを変更したり美しくしたりするのが非常に便利になります。
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート