2

以下のコードを使用して、HTML で 2 列のフォームを作成しようとしています。

<div id="form-wrapper">
  <form class="contact_form" action="" method="post" name="contact_form">
    <ul>
      <div id="form_left">
        <li>
          <span class="required_field"> * Denotes a required field</span>
        </li>
        <li>
          <label for="name">Name:</label>
          <input type="text" name="name" placeholder="John Doe">
        </li>
        <li>
          <label for="telephone">Contact Number:</label>
          <input type="tel" name="telephone" placeholder="(01225) 123456">
        </li>
        <li>
          <label for="email">Email:</label>
          <input type="email" name="email address" placeholder="example@example.com">
        </li>
      </div>  
      <div id="form_right">
        <li>
          <label for="message">Message:</label>
          <textarea name="message" cols="40" rows="6" >
        </li>
      </div>
    </ul>
  </form>
</div>

(http://jsfiddle.net/qrttZ/)

しかし、何らかの理由で、HTML コードの下半分がテキスト エリア ウィンドウ内に表示されます。

開いているタグが表示されないので、これがなぜなのかわかりません。

4

1 に答える 1

4

HTML が XHTML の自己終了の短いタグを必要としないという事実は、たとえば、非常によく似た目的を実行する<input />ため、新人がこの間違いを犯しやすいことを意味します。textareaそれは、非常に正当な理由で閉鎖する必要があるということです。

<textarea name="message" cols="40" rows="6" ></textarea>

...

やった、これ

<ul>
   <div id="form_left">
      <li>

悪い。<li>show follow <ul>there があってはなりません<div>。

また

<label for="name">Name:</label>
<input type="text" name="name" placeholder="John Doe">

id入力に ​​がなければ、それforは役に立ちません。

<label for="name">Name:</label>
<input type="text" name="name" id="name" placeholder="John Doe">

ただし、ラベルと入力の間にマークアップのないラベルを使用し、スタイルを設定しない場合

<label>Name: <input type="text" name="name" placeholder="John Doe"></label>

アウトプットが少ない

于 2013-01-05T01:59:03.053 に答える