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

前端之家收集整理的这篇文章主要介绍了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>
        <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相关文章