2016-04-23 58 views
0

我想做一個關於toefl測試的網頁。在一個頁面中顯示登錄表單。所以在最後的聲明中「不註冊現在註冊」。我想製作,如果我點擊「立即註冊」聲明,登錄表格將會更改爲註冊表格。它發生在一頁中。請幫助我如何在單擊下一步時移動/更改文本?

 <form method="POST" action="proseslogin.php"> 
      <table> 
       <table> 
       <tr> 
       <td><input style="width:300px; height:30px; border:3px; font-family:'Trebuchet MS'; font-size:14px;" type="text" name="email" placeholder="Email"/></td> 
       </tr> 
       <tr><td><br></td></tr> 
       <tr> 
       <td><input style="width:300px; height:30px; border:1px; font-family:'Trebuchet MS'; font-size:14px;"type="password" name="password" placeholder="Password"/></td> 
       </tr> 
       <tr><td><br></td></tr> 
       <tr> 
       <td><input style="width:200px; height:30px; border:1px; font-family:'Trebuchet MS'; font-size:14px;" type="submit" name="submit" value="Login"/></td> 
       </tr> 
      </table> 
      </form> 

<h3>Login <br><span>Not Register?</span> <a href="index_2.html">Register Now</a></h3> 
+0

添加一些動作(例如添加不同位置的類)。理想的是[jquery.click](https://api.jquery.com/click/)。另請參見[onclick使用目標](http://tangledindesign.com/how-to-trigger-css3-transitions-on-click-using-target/) – JaxCze

回答

0

這可以很容易地通過JavaScript解決。有很多方法來這一點,最簡單的soulotions之一是這樣的:

在HTML中,可以使兩種形式,並把JS代碼一個<script> - 標籤內:

<form method="POST" action="proseslogin.php" id="login-form"> 
    Your login form 
    <input type="submit" value="Login"><br><br> 
    <span>Not Register?</span> <a href="#" onclick="showRegisterForm()">Register Now</a> 
</form> 

<form method="POST" action="prosesregister.php" id="register-form" style="display:none"> 
    Your register form 
</form> 

<script> 
    var showRegisterForm = function() { 
    document.getElementById("login-form").setAttribute("style", "display:none"); 
    document.getElementById("register-form").setAttribute("style", "display:block"); 
    } 
</script> 

工作js小提琴:http://jsfiddle.net/tjespe/42pjtvpa/

+0

謝謝,我把JavaScript代碼放在哪裏?在HTML體? – Endone

+0

有幾種附加JavaScript代碼的方法,一種替代方法是將其放入正文中的

相關問題