Проблема формы HTML в текстовой области

Question

В моей html форме текстовое сообщение показывается в левом нижнем углу текстовой области. Как я могу настроить его в левом верхнем углу текстовой области? img - http://img641.imageshack.us/img641/415/htms.jpg

      <form name="reg_form" method="post" action="home.php">
                First Name:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
         <input type="text" name="f_name"/><br/>  <br/>  
                Last Name:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          <input type="text" name="l_name"/><br/> <br/>
                Your Email:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <input type="text" name="new_email"/><br/> <br/>
                Re-enter Email:&nbsp;<input type="text" name="check_email"/><br/> <br/>
                Message:&nbsp;<textarea cols="30" rows="10" name="message"></textarea>
         </form>

Answer 1

Вам понадобится тег <label>, чтобы вставить ваши, ну, в общем, метки. Затем, используя CSS, вы можете выровнять его по верху <textarea>, используя это:

label
{
    display: inline;
    vertical-align: top;
}

HTML:

<form>
    <label>Message:</label>
    <textarea></textarea>
</form>

Вот живой пример, который я сделал здесь .

В других новостях

Ваша техника разделения входов с использованием   не самая лучшая. С одной стороны, разные шрифты имеют разную ширину пространства, а во-вторых, это делает ваш код мусором. Вы можете обойти это, используя <label> s с CSS inline-block. Вот рабочий пример здесь .