次をクリックしたときにテキストを移動/変更する方法は？

Question

私はtoeflテストについてウェブを作ることを望んでいません。あるページでは、ログインフォームを表示します。ので、 "今すぐ登録しないでください"というステートメントの下に表示されます。私はしたい、私は "今すぐ登録"ステートメントをクリックすると、ログインフォームは、登録フォームに変更されます。それは1ページで起こる。助けてください

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

Answer 1

これは簡単にjavascriptで解決することができます。そこに多くの方法がこれまであり、そして最も簡単なsoulotionsの一つは、このようなものです：あなたは、次の2つの形式を作り、そして<script> -tag内のjsコードを置くことができ、HTMLで

：

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

作業中：http://jsfiddle.net/tjespe/42pjtvpa/

最新の質問

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 関連する問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.