禁用表單輸入

Question

我在頁面上有兩種形式，我用一個新類包裝第一個表單，以限制它爲span5，並且表單現在沿水平方向相鄰顯示，但第一個表單不允許您單擊進入或在所有元素上。

<div class="row"> 
       <div class="greybg-container"> 
       <div class="span5"> 
       <div id="login-container"> 
         <div class="inner-content"> 
          <h4>Login</h4> 

           <div class="basket-login"><div class="basket-login-text"><?php $seintro = new Page($db,'SiteElements','Login'); echo $seintro->row['pageCopy']; ?></div> 
           <form method="post" action="<?php echo HTTP_HOST; ?>Site/MyAccount/Login/?basketId=<?php echo $_REQUEST['basketId'] ? $_REQUEST['basketId'] : $basket->row['orderId']; ?>&amp;wishlist=<?php echo $_GET['wishlist']; ?>&amp;categoryId=<?php echo $_GET['categoryId']; ?>&addToBasketSize=<?php echo $_GET['addToBasketSize']; ?>"> 
           <?php if ($errorLogin){ ?> 
           <span class="error"><?php echo $errorLogin; ?></span> 
           <?php } ?> 

           <table class="basket"> 
            <?php foreach($form_login as $each){ ?> 
            <tr><td class="title"><?php $each->writeLabel(); ?></td> 
            <td><?php $each->write(); ?></td></tr> 
           <?php } ?> 
           <tr> 
            <td class="title"> 
             <label for="login_userSubmit"></label> 
            </td> 
            <td class="form_button"> 
             <input id="login_userSubmit" type="submit" size="" value="Send" onclick="" name="login_userSubmit"> 
             <br> 
             <a class="grey-link" href="<?php echo HTTP_HOST; ?>Site/MyAccount/ForgotPassword">Forgot Password ?</a> 
            </td> 
           </tr> 
           </table> 
          </form> 
         </div> 
        </div> 
       </div> 
      </div> 

        <div id="left"> 
        <div class="inner-content"> 
         <h4>Register</h4> 

          <div class="basket-login"><div class="basket-login-text"><?php $seintro = new Page($db,'SiteElements','Register'); echo $seintro->row['pageCopy']; ?><?php echo $page->row['pageCopy']; ?></div></div>   
          <form method="post" enctype="multipart/form-data"> 

            <?php if (is_array($error)){ ?> 
            <strong>Please Note :</strong> The following errors have occurred 
             <ul> 
             <?php foreach($error as $id=>$each){ ?> 
              <li class="error"><?php $form_signup[$id]->writeLabel($each); ?></li> 
             <?php } ?> 
             </ul> 
            <?php } ?> 
            <table class="basket"> 
            <?php if($form_signup){ foreach($form_signup as $each){ ?> 
             <tr> 
              <td class="title"><?php $each->writeLabel(); ?></td> 
              <td><?php $each->write(); ?></td> 
            <?php } } ?> 
            <tr> 
             <td class="title"> 
              <label for="signup_submit"></label> 
             </td> 
             <td class="form_button"> 
              <input style="width:auto;" id="signup_submit" type="submit" size="" value="Continue Registration" onclick="document.getElementById('action_submit').value='1';document.submit();" name="signup_submit"> 
             </td> 
            </tr> 
            </table> 

         </form> 

        </div> 
      </div>    
     </div> 

第二種形式從div id =「left」開始。忽略它所說的事實，這就是你將會看到的正確的形式。

http://bit.ly/19fegdi

Answer 1

Span5由形式重疊其上的右側。添加下面的CSS樣式將修復它。

#left{ 
float: left; 
}