字段標籤不會在輸入消失

Question

我最近開始在這個網站上工作。當我點擊或輸入值時，輸入字段標籤不會消失。即使輸入值，標籤仍然保留在後臺。這是一個使用asp.net和bootstrap開發的網站。

    <div class="contact-form row"> 
         <form runat="server" id="cntct_frm"> 
          <ul> 
           <li class="text-field span3"> 
            <label id="name-contact-form"> 
             <span class="mainlabel">Name</span> 
            </label> 
            <div class="input-prepend"> 
             <span class="add-on"><i class="icon-user"></i></span> 
             <input class="required" type="text" name="yit_contact[name]" id="txtName" runat="server" /> 
            </div> 
            <div class="msg-error"> 
            </div> 
            <div class="clear"> 
            </div> 
           </li> 
           <li class="text-field span3"> 
            <label id="email-contact-form"> 
             <span class="mainlabel">Email</span> 
            </label> 
            <div class="input-prepend"> 
             <span class="add-on"><i class="icon-envelope"></i></span> 
             <input type="text" name="yit_contact[email]" id="txtEmail" runat="server" class="required email-validate" 
              value="" /> 
            </div> 
            <div class="msg-error"> 
            </div> 
            <div class="clear"> 
            </div> 
           </li> 
           <li class="text-field span3"> 
            <label id="phone-contact-form"> 
             <span class="mainlabel">Phone</span> 
            </label> 
            <div class="input-prepend"> 
             <span class="add-on"><i class="icon-phone"></i></span> 
             <input type="text" name="yit_contact[phone]" maxlength="10" runat="server" id="txtMobile" /> 
            </div> 
            <div class="msg-error"> 
            </div> 
            <div class="clear"> 
            </div> 
           </li> 
           <li class="textarea-field span9"> 
            <label id="message-contact-form"> 
             <span class="mainlabel">Message</span> 
            </label> 
            <div class="input-prepend"> 
             <span class="add-on"><i class="icon-pencil"></i></span> 
             <textarea name="yit_contact[message]" id="txtMessage" runat="server" 
              class="required"></textarea> 
            </div> 
            <div class="msg-error"> 
            </div> 
            <div class="clear"> 
            </div> 
           </li> 
           <li class="submit-button span9"> 
            <input type="text" name="yit_bot" id="yit_bot" /> 
            <input type="hidden" name="yit_action" value="sendmail" id="yit_action" /> 
            <input type="hidden" name="yit_referer" value="pages-contact.html" /> 
            <input type="hidden" name="id_form" value="3" /> 
            <asp:Button ID="Submit" name="yit_sendemail" class="sendmail alignright" runat="server" 
             Text="Submit" OnClientClick="return validation()" OnClick="Submit_Click"></asp:Button> 
            <div class="clear"> 
            </div> 
           </li> 
          </ul> 
         </form> 
        </div> 

Answer 1

刪除所顯示的行格式第一個div。

<div class="contact-form"> 
// other codings 
</div> 

你沒理解，爲什麼我們使用行。請檢查http://getbootstrap.com/css/。