ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLフォームの枠線に色を追加するにはどうすればよいですか? HTMLフォームタグの枠色の例

HTMLフォームの枠線に色を追加するにはどうすればよいですか? HTMLフォームタグの枠色の例

寻∝梦
寻∝梦オリジナル
2018-08-31 14:45:2724486ブラウズ

この記事では主に 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>

ブラウザに表示される効果は次のとおりです:

HTMLフォームの枠線に色を追加するにはどうすればよいですか? HTMLフォームタグの枠色の例

この効果は何度も見たり、何度も使用したと思います。

これはまだ境界線を追加していません。次に、境界線を追加する方法について説明します。

この記事では、CSS スタイルを使用して境界線を設定します。たとえば、次のスタイルを追加します。すべてのコードを一緒に入力してみましょう:

<style>
form{
    border: 3px solid red;
}
</style>

それでは、効果を見てみましょう。3 ピクセルの境界線はありますか:

HTMLフォームの枠線に色を追加するにはどうすればよいですか? HTMLフォームタグの枠色の例 図に示すように、3 ピクセルの赤フォームを囲むように枠線が追加されています。これも非常に簡単なコードです。これを使用して枠線の色を調整したり、ピクセルを調整したりできます。

HTML フォームの境界線に関するこの記事はここで終わります (プログラミングの知識をさらに学びたい場合は、PHP 中国語 Web サイトへようこそ) ご質問がある場合は、以下からお問い合わせください。

【編集者のおすすめ】

HTMLのolタグからラベルを削除するには?
    タグの使い方まとめ


    HTMLのulタグからドットを削除するには? HTMLの順序なしリストのスタイル分析例

以上がHTMLフォームの枠線に色を追加するにはどうすればよいですか? HTMLフォームタグの枠色の例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。