ホームページ > 記事 > ウェブフロントエンド > HTMLでテキストフィールドのサイズを設定する方法
HTMLでテキストフィールドのサイズを設定する方法
- 青灯夜游オリジナル
- 2021-03-05 17:52:397359ブラウズ
HTML では、width 属性と height 属性を使用してテキスト領域のサイズを設定できます。テキスト領域に「width: 幅の値; height: 高さの値;」スタイルを追加するだけです。ラベルのテキストエリア。
このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。
htmlテキスト フィールド
HTML には、テキスト シティと呼ばれる、特別に定義されたテキスト スタイルもあります。テキスト ボックスとの違いは、複数行のテキストを追加できるため、より多くのテキストを入力できることです。このタイプのコントロールは、一部の掲示板で最も一般的です。
構文は次のとおりです。
<textarea name="文本域名称”value="文本域默认值" rows="行教”cols="列数"></textarea>
| テキスト フィールド ラベル属性 | 説明 |
| name | テキスト フィールドの名前 |
| rows | テキストの行数field |
| cols | テキスト フィールドの列数 |
| デフォルトテキストフィールドの値 |
html ビデオチュートリアル"]
サイズの設定方法htmlのテキストフィールドの
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
#text2 {
width: 200px;
height: 200px;
}
</style>
</head>
<body>
<form action="#" method="post">
文本域：<br /><br />
<textarea id="text1" name="description">默认大小 </textarea><br /><br />
<textarea id="text2" name="description">使用width属性和height属性设置文本域的宽度为200px，高度为200px。</textarea>
</form>
</body>
</html>レンダリング：
cssの幅と高さの属性
width 属性は要素の幅を設定します。 height 属性は要素の高さを設定します。| 説明 | |
|---|---|
| デフォルト値。ブラウザは実際の幅または高さを計算できます。 | |
| px、cm などの単位を使用して幅または高さを定義します。 | |
| # 含まれるブロック (親要素) の幅に基づいて、幅または高さのパーセンテージを定義します。 |
以上がHTMLでテキストフィールドのサイズを設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。