2016-05-31 11 views
0

Aus dem folgenden Code muss ich eine Captive-Portal-Webseite erstellen, die zwei Schaltflächen hat, eine von ihnen wird eine Benutzereingabe seinen/ihren Namen, Passwort und weiter, und die andere wird nur eine Fortsetzung haben Schaltfläche, die den Benutzer automatisch zur Umleitungswebsite führt, ohne dass der Benutzer etwas eingeben muss (er klickt einfach auf "Weiter" - "Benutzername" und "Passwort" sind bereits definiert). Das Problem ist, dass ich beide auf der gleichen Seite brauche und es nicht funktioniert, auf verschiedenen Seiten funktioniert es einwandfrei.HTML-Ausgabe auf Captive Portal

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
 
<html xmlns="http://www.w3.org/1999/xhtml"> 
 
<head> 
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
 
<title>Company Name Hotspot - Secure Access!</title> 
 
<style type="text/css"> 
 
body { 
 
background-color: #000; 
 
} 
 
.offer { 
 
font-size: 24px; 
 
color: #F00; 
 
text-align: center; 
 
} 
 
.bolder { 
 
border: 1px solid #FFF; 
 
} 
 
.copyright { 
 
font-size: 12px; 
 
text-align: center; 
 
color: #FFF; 
 
} 
 
.button { 
 
font-size: 16px; 
 
font-weight: bold; 
 
} 
 
body,td,th { 
 
color: #6FF; 
 
font-family: Arial, Helvetica, sans-serif; 
 
font-size: 16px; 
 
} 
 
</style> 
 
</head> 
 

 
<title>Secure Access - Login</title> 
 
<body> 
 
    <form method="post" action="$PORTAL_ACTION$"> 
 
    <input name="redirurl" type="hidden" value="$PORTAL_REDIRURL$"> 
 
    <input name="zone" type="hidden" value="$PORTAL_ZONE$"> 
 
    <center> 
 
    <table cellpadding="6" cellspacing="0" width="780" height="380" style="border:1px solid #000000"> 
 
    <tr height="10" bgcolor="#990000"> 
 
     <td align="center" style="border-bottom:1px solid #000000"> 
 
     <font color='white'> 
 
     <b> 
 
     Welcome to Bharat Telecom Hotspot 
 
     </b></font></td> 
 
    </tr> 
 
    <tr> 
 
     <td> 
 
     <div id="mainlevel"> 
 
     <center> 
 
     <table width="100%" border="0" cellpadding="5" cellspacing="0"> 
 
      <tr> 
 
      <td> 
 
      <center> 
 
      <div id="mainarea"> 
 
       <center> 
 
       <table width="100%" border="0" cellpadding="5" cellspacing="5"> 
 
       <tr> 
 
       <td> 
 
        <div id="maindivarea"> 
 
        <center> 
 
        <div id='statusbox'> 
 
        <font color='red' face='arial' size='+2'> 
 
         <b> 
 
         
 
         </b> 
 
        </font> 
 
        To gain access through the internet, Please enter your Username and Password or Voucher Code.<br><br> 
 
        If you have any difficulties you may contact our technical support technician at (Tel. No Here)<br><br> 
 
\t \t \t \t \t Kindly Note that you will be exited after 5 minutes by using the Free Wifi Access.<br><br> 
 
\t \t \t \t \t Click the Button to continue as free User.<br></div> 
 
        <br/> 
 
<div id='loginbox2'> 
 
<table> 
 
    \t \t \t \t \t <tr><td><input name="auth_user" type="hidden" type="text" value="User"></td></tr> 
 
    \t \t \t \t \t <br> 
 
    \t \t \t \t \t <tr><td><input name="auth_pass" type="hidden" type="password" value="abc"></td></tr> 
 
    \t \t \t \t \t <br> 
 
    \t \t \t  \t <td><input class="button" name="accept" type="submit" value="Continue"></td> 
 
</table> 
 
</div> 
 
        <div id='loginbox'> 
 
    \t \t \t \t \t 
 
        <table> 
 

 

 

 
         <tr> 
 
          <td align="right">&nbsp;</td> 
 
          <td>Free User</td> 
 
          </tr> 
 
         <tr><td align="right">Username:</td><td><input name="auth_user" type="text" ></td></tr> 
 
         <tr><td align="right">Password:</td><td><input name="auth_pass" type="password" ></td></tr> 
 
         <tr> 
 
          <td colspan="2" align="right">&nbsp;</td> 
 
          </tr> 
 
         <tr> 
 
          <td align="right">&nbsp;</td> 
 
          <td>Voucher</td></tr> 
 
          <tr> 
 
          <td align="right">Voucher Code:</td> 
 
          <td><input name="auth_voucher" type="text"></td> 
 
          </tr> 
 
          <tr> 
 
          <td align="right">&nbsp;</td> 
 
          <td><input name="accept" type="submit" class="button" value="Continue"></td> 
 
          </tr> 
 
          <tr> 
 
          <td align="right"></td><td></td></tr> 
 

 

 
        </table><br /> 
 
                        <hr /> 
 
        
 
         <p>&nbsp;</p> 
 
                       </div> 
 
        </center> 
 
        </div> 
 
       </td> 
 
       </tr> 
 
       </table> 
 
       </center> 
 
      </div> 
 
      </center> 
 
      </td> 
 
      </tr> 
 
     </table> 
 
     </center> 
 
     </div> 
 
     </td> 
 
    </tr> 
 
        <tr height="10" bgcolor="#990000"> 
 
     <td align="center" style="border-bottom:1px solid #000000"> 
 
     <p><font color='white'> 
 
      <b> 
 
      ©Copyright 2016 Company Hotspot. All Rights Reserved. 
 
</b></font><br /> 
 

 
    </tr> 
 
    </table> 
 
    </center> 
 
</form> 
 
</body> 
 
</html>

Antwort

1

Zunächst einmal, wie Sie wissen, dass die Button-Aktion tut (Senden)? In Ihrem Code gibt es keine Möglichkeit, die Schaltfläche zu unterscheiden, da beide den gleichen Namen und Wert haben.

Sie könnten den gleichen Namen, aber einen anderen Wert verwenden und Code entsprechend behandeln. Zum Beispiel für Ihre zweite Schaltfläche können Sie einen anderen Wert wie „Weiter ohne Passwort“ verwenden

<input name="accept" type="submit" class="button" value="Continue Without Password"> 

OR, zwei Tasten mit allen anderen Namen wie ‚annehmen‘ verwenden könnte und ‚accept_1‘ zwei Button-Objekt haben auf einem einzelnen HTML.

+0

Aber in der zweiten Taste gibt es keinen Wert. – BeachSamurai

+0

Ich änderte den Wert und auch den Namen der Schaltfläche, aber nichts änderte, es war immer noch das gleiche. Ich habe mich gefragt, wie ich das umgehen soll. – BeachSamurai

+0

Ja, ich tat es, ich änderte die Namen der Tasten und teilte auch das Formular in zwei so die Hälfte wurde für einen Knopf und die andere Hälfte für den anderen verwendet. Wirklich genial danke ein Haufen. – BeachSamurai

Verwandte Themen