HTMLテキストフィールドタグの属性は何ですか? HTML テキスト フィールドのラベル属性の使用方法の概要

寻∝梦
リリース: 2018-09-01 15:55:57
オリジナル
15025 人が閲覧しました

この記事ではHTMLのテキストエリアtextareaタグの属性と簡単な使用例を中心に紹介します。記事の内容は非常にシンプルで学びやすいものであり、コードは非常に基本的で難しいものではないので、学びたい場合は自分で注意深くコードを入力してください。次に、この記事を一緒に見てみましょう

まず、HTML テキストエリア textarea タグのプロパティを見てみましょう:

HTMLテキストフィールドタグの属性は何ですか? HTML テキスト フィールドのラベル属性の使用方法の概要

テキスト領域には無制限の量のテキストを含めることができ、テキストのデフォルトのフォントは等幅フォント (通常は Courier) です。

cols 属性と rows 属性を使用してテキストエリアのサイズを指定できますが、より良い方法は CSS の高さ属性と幅属性を使用することです。

ヒント:

次に、HTML textarea タグの簡単な使用法について説明します。

<textarea rows="5" cols="20">
在php中文网,你可以找到你所需要的所有的在线编程课程。
</textarea>
ログイン後にコピー

これは、cols 属性と rows 属性のみを使用します。その効果は次のとおりです。

HTMLテキストフィールドタグの属性は何ですか? HTML テキスト フィールドのラベル属性の使用方法の概要

これは、 HTML テキスト フィールドの textarea タグ。他の人がテキストを入力できるようにするために使用されます。

今度は、wrap 属性に注目します。

wrap: テキストコンテンツがテキスト幅より大きい場合の表示方法を指定するために使用されます。

textarea タグの Wrap 属性はテーブルを参照します。

  • warp="off" の場合、テキストエリアが自動的に折り返されないことを意味します。コンパイラーに 3 行がある場合、表示されるインターフェースは次のようになります。テキスト ボックスの幅を超えるコンテンツがある場合、テキスト フィールドに水平スクロール バーが表示されます。もちろん、これを記述しない場合は、デフォルトで自動行折り返しが行われます。

  • wrap="virtual/(soft)" の場合、テキストフィールドでの自動行折り返しが実現しますが、サーバーに送信される際には、ユーザーが Enter キーを押した箇所のみテキストが折り返されます。 (Virtual と Soft は同等ですが、soft は後に h5 で登場した属性値であり、virtual は一般に h5 では使用されません)。自動ソフトリターンと改行です。

  • wrap="physical/(hard)" の場合、ソリッドテキストフィールドで自動行折り返しが実行され、この形式でサーバーに送信されます。 (Physicalとhardは同等です。上記の通り、hardはh5で後から登場した属性値です。) 自動のハードリターンとラインフィードです。

注: 高さと幅が CSS スタイルで設定されている場合は、CSS のスタイルに従います。 ! ! rowsとcolsは意味がありませんが、wrap="hard"の場合はcolsの属性を指定する必要があります。

上記は、HTML テキストエリア textarea タグに関するこの記事の全内容です。ご不明な点がございましたら、以下よりお問い合わせください。

【編集者のおすすめ】

HTMLフォントタグのフォントサイズを設定するには? HTMLのフォントタグ属性の使い方を紹介

HTMLに画像を追加するコードとは? HTMLに画像パスを正しく追加するにはどうすればよいですか?

以上がHTMLテキストフィールドタグの属性は何ですか? HTML テキスト フィールドのラベル属性の使用方法の概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!