現場標籤插件不工作

我試圖在my webpage的聯繫表格上使用In-field labels插件，但該腳本不起作用（現場標籤未出現）。現場標籤插件不工作

此外，我的表單存在定位問題，我一直在嘗試使用一段時間但徒勞無功。這裏是我的代碼：

$(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>

來源

2011-10-10 James

試着讓你的問題更具信息性。嘗試提供迄今爲止用於解決問題的代碼。 –

這是我試圖運行的腳本。 http://sarahjanetrading.com/js/j/js/jquery.infieldlabel.js – James

我看你用下面的代碼的textarea：

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

但

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

沒有價值屬性。如果你想在textarea中添加文本，那麼試試這個

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

來源

2011-10-10 09:21:22

謝謝..這是一個很好的開始。現在如何解決定位問題。 – James

你需要擺脫所有輸入值的工作。他們應該是value=""。

使用IE 9開發人員工具，我看到你有下面的CSS顯示了周圍的輸入字段<p>標籤：

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

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

}

擺脫-300px的。在IE中，它將輸入字段從表單中移除。

編輯：好的，我想我已經修好了！擺脫<p>元素的left: -300px;偏移量，並將clear: both;添加到fieldset元素。我在IE和FF中測試它，它似乎工作得很好。

來源

2011-10-10 17:44:59

試着將你的表格的div設置爲'position =「relative」'和你的表格'position =「absolute」'並讓我知道會發生什麼。 –

你其實是對的，我現在正在修正OP的問題，以便挽救他們，讓你的答案更清楚。不知道如何在定位部分工作，請提出一個[編輯]（http://stackoverflow.com/posts/7710646/edit）問題，如果你弄清楚如何。 –

當我禁用CSS時，我剛添加在我的答案編輯中，在IE中它工作得很好。還沒有在FF中測試它，看它是否將輸入字段向右推。 –

現場標籤插件不工作

回答

相關問題