Question

从下面的代码我必须创建一个具有两个按钮的强制门户网页，其中一个将有用户输入他/她的名字，密码并继续，另一个将只有一个继续按钮，将指示用户自动进入重定向网站而无需用户输入任何内容（他们只需单击继续 - ＆＃34;用户名＆＃34;以及＆＃34;密码＆＃34;已定义）。问题是我需要在同一页面上并且它不起作用，在不同的页面上它完美地工作。

＆＃13;

<!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>
					Kindly Note that you will be exited after 5 minutes by using the Free Wifi Access.<br><br>
					Click the Button to continue as free User.<br></div>
                    <br/>
<div id='loginbox2'>
<table>
   					<tr><td><input name="auth_user" type="hidden" type="text" value="User"></td></tr>
   					<br>
   					<tr><td><input name="auth_pass" type="hidden" type="password" value="abc"></td></tr>
   					<br>
  			    	<td><input class="button" name="accept" type="submit" value="Continue"></td>
</table>
</div>
                    <div id='loginbox'>
 					
                     <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>

＆＃13;

Answer 1

首先，您如何知道哪个按钮正在执行操作（提交）？在您的代码中，无法区分哪个按钮，因为它们具有相同的名称和值。

您可以使用相同的名称但不同的值并相应地处理代码。例如，对于第二个按钮，您可以使用其他值，例如＆＃34;继续无密码＆＃34;

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

或者，您可以使用两个具有不同名称的按钮，例如＆＃39;接受＆＃39;并且＆＃39; accept_1＆＃39;在一个HTML上有两个按钮对象。

强制门户网站上的HTML问题

1 个答案: