0

現在、HTML入力フォームの一般的なレイアウトと外観を編集しようとしています。私のhtml入力フォームのコードのスニペットを次に示します。

<p> <form action='register.php' method="POST"></p>
<p>First Name: <input type="text" name="firstName" />Last Name: <input type="text"     name="lastName"/></p>
<p>Address: <input type="text" name="address" /></p>
<p>City: <input type="text" name="city" /></p>

そして、これを編集するcssは次のとおりです。

#Address, #emailAddress, #password, #confirmPassword, #firstName, #lastName{
width:50%;
outline: double 1px #FFA500;  
height:16px; 
padding:10px;  
}

問題は、このコードでは何も変わらないことです。これは私のhtml入力フォームを変更すべきではありませんか?

4

4 に答える 4

2

HTMLidの属性の代わりに属性を使用してみてください。name

<input type="text" id="firstName" />
于 2012-07-12T17:16:22.003 に答える
2

input一度にすべての要素のスタイルを定義する方がはるかに良いでしょう:

input { 
    width: 50%;
    outline: double 1px #FFA500;  
    height: 16px; 
    padding: 10px; }

CSS セレクターをよく読んでください。

于 2012-07-12T17:18:28.343 に答える
2

ここにいくつかの簡単な観察があります：

  • 要素の不適切なネスト。例、段落タグ内のフォーム タグを開きます。また、フォームタグが閉じていません
  • 「name」の代わりに「id」属性を使用する
  • #Address が入力 ID と一致していることを確認してください (現在、一致していません)
  • 都市の入力 ID が CSS に反映されない
于 2012-07-12T17:23:18.837 に答える
0

ID またはクラスを入力に割り当てる必要があります。

CSS を使用することを忘れないでください。

ID = #object
クラス = .object

<p>First Name: <input type="text" name="firstName" id="firstName" />

于 2012-07-12T17:18:22.240 に答える