Question

我正在尝试使用In-field labels的联系表单上的my webpage插件，但该脚本无法使用（不显示字段内标签）。

此外，我的表格有定位问题，我一直试图使用一段时间，但徒劳无功。这是我的代码：

$(function(){
    $("label").inFieldLabels();
});

<form action="" method="get" name="contact-form" accept-charset="utf-8">
    <fieldset>
    <p>
        <label for="name">Name</label><br />
        <input type="text" name="name" value="Name" id="name">
    </p>
    <p>
        <label for="email">Email</label><br />
        <input type="text" name="email" value="Email" id="email">
    </p>
    <p>
        <label for="company">Company</label><br />
        <input type="text" name="company" value="Company" id="company">
    </p>
    <p>
        <label for="message">Message</label><br />
        <textarea name="message" id="message">Message</textarea>
    </p>
    </fieldset> 
    <input type="submit" value="Submit" id="submit-btn" />
    <input type="reset" value="Reset" id="reset-btn" />
</form>

Answer 1

我看到你在textarea中使用了以下代码：

<textarea name="message" id="message" value="Message"></textarea>

但

<textarea id="mytxtarea"></textarea>

没有价值属性。如果你想在textarea中添加文本，那么试试这个

<textarea name="message" id="message">Message</textarea>

Answer 2

您需要摆脱所有输入的值才能使其正常工作。它们应该是value=""。

使用IE 9 Developer Tool，我看到您在输入字段周围显示了<p>标记的以下CSS：

body#contact .content #middle #right-col #form p {

left: -300px;
top: 22px;
color: #aaaaaa;
position:relative;

}

摆脱-300px。在IE中，它将输入字段从表单中推出。

编辑：好的，我想我已经修好了！摆脱left: -300px;元素的<p>偏移量，并在fieldset元素中添加clear: both;。我在IE和FF中进行了测试，看起来效果很好。

现场标签插件不起作用

2 个答案: