Question

在我的html表单中，单词message显示在textarea的左下角，如何在textarea的左上角调整它？ 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>

我制作了here的实例。

其他新闻

使用 分隔输入的技巧并不是最好的。例如，不同的字体具有不同的空间宽度;其次，它使您的代码看起来像垃圾。您可以使用带有<label>的{{1}}来解决此问题。有一个工作示例here。

HTML表单textarea问题

1 个答案:

其他新闻