html – 如何定位与输入字段相关的标签标签

概述我在解决这个问题时遇到了问题. 这是我的HTML <form> <p><label for="comp-name">Name:</label> <input type="text" name="comp-name"></input> </p> <p> <label for="company-address">Address:</label> 我在解决这个问题时遇到了问题.

这是我的HTML

<form>    <p><label for="comp-name">name:</label>        <input type="text" name="comp-name"></input>    </p>    <p>        <label for="company-address">Address:</label>        <textarea name="company-address"></textarea>    </p>    <p>        <label for="postcode">Postcode:</label>        <input type="text" name="postcode"></input>    </p>    <p>        <label for="phone">Phone Number:</label>        <input type="text" name="phone"></input>    </p>    <p>        <label for="email">Email:</label>        <input type="text" name="email"></input>    </p></form>

这是我希望表单看起来像：

here is the jsfiddle link.

很难弄清楚如何将标签放在输入/文本区域的左上角.

解决方法 如果我理解正确,一个简单的：

label {    vertical-align: top;}

应该给你想要的结果.

小提琴：http://jsfiddle.net/N7e67/2/

总结

以上是内存溢出为你收集整理的html – 如何定位与输入字段相关的标签标签全部内容，希望文章能够帮你解决html – 如何定位与输入字段相关的标签标签所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。