ホームページ > 記事 > ウェブフロントエンド > HTMLフォームの枠線に色を追加するにはどうすればよいですか? HTMLフォームタグの枠色の例
この記事では主に HTML フォームの枠線の色について説明します。見やすくするための例があります。次に、HTML フォームの枠線の色について説明します。
まず、フォームの境界線に色を追加する方法について話しています。
タグはユーザー情報を収集するために使用されます。入力フィールドには、type 属性値に応じてさまざまな形式があります。入力フィールドには、テキスト フィールド、チェックボックス、マスクされたテキスト コントロール、ラジオ ボタン、ボタンなどがあります。
ヒント: HTML では タグは終了タグを持ちませんが、XHTML では タグを正しく閉じる必要があります。
ヒント: フォーム コントロールのラベルを定義するには、label 要素を使用してください。
まず HTML フォームの境界線の使用例を見てみましょう:
<form action="form_action.asp" method="get"> 请输用户名: <input type="text" name="fname" /></br> 重复用户名: <input type="text" name="lname" /></br> <input type="submit" value="提交" /> </form>
ブラウザに表示される効果は次のとおりです:
この効果は何度も見たり、何度も使用したと思います。
これはまだ境界線を追加していません。次に、境界線を追加する方法について説明します。
この記事では、CSS スタイルを使用して境界線を設定します。たとえば、次のスタイルを追加します。すべてのコードを一緒に入力してみましょう:
<style> form{ border: 3px solid red; } </style>
それでは、効果を見てみましょう。3 ピクセルの境界線はありますか:
図に示すように、3 ピクセルの赤フォームを囲むように枠線が追加されています。これも非常に簡単なコードです。これを使用して枠線の色を調整したり、ピクセルを調整したりできます。
HTML フォームの境界線に関するこの記事はここで終わります (プログラミングの知識をさらに学びたい場合は、PHP 中国語 Web サイトへようこそ) ご質問がある場合は、以下からお問い合わせください。
【編集者のおすすめ】
HTMLのolタグからラベルを削除するには?以上がHTMLフォームの枠線に色を追加するにはどうすればよいですか? HTMLフォームタグの枠色の例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。