html - テーブルを使用したHtmlフォーム

Question

これは私のウェブサイトのサインアップページです。テーブルを使用して、各行にそれぞれ固有の入力フィールドがあります。しかし、別の分野に近すぎます。画像を見てください：

2つのフィールドの間に改行を入れるにはどうすればよいですか？全体の形が表にあるので、私はそれを単純に行うことはできません。

Answer 1

CSSを使用する

作成したテーブルにテーブルタグを付けます

<table class="myFormContainer">

次に、スタイルシートでクラスを作成し、テーブルTDにいくつかのパディングを付けます。

.myFormContainer tr td{padding: 0 3px 0 3px;}

これにより、tdの上部と下部に6pxのギャップが作成されます。もちろん、フォーム入力フィールドが含まれています。

:)

Answer 2

1）各「入力行」が間<p>にあり</p>、CSSルールを使用できる場合

例えば：

<div id="myForm">
...
...
<p><label for="firstname">Firstname:</label> <input type="text" id="firstname"/>* </p>
...
...
</div>

CSSでは、次のように宣言できます。

#myform p{
 border-bottom: 1px solid black
}

最後のパラメータは、色または値RGBの後に＃が続きます

2） htmlコマンドを使用できます<hr/>