0

マネージャーのページがあり、ページの右側にログアウトボタンを追加したいと考えています。

たとえば、ボタンを1つずつ追加する方法を知っています。

ここに画像の説明を入力

上記のページのコードは次のとおりです。

<!-- Bank manager's permissions -->

<!DOCTYPE html>
<html>
<head><title>Bank Manager's Transactions Page</title>
<link rel="stylesheet" href="./css/styles.css" type="text/css"/>
</head>
<body>
    <table class="title">
      <tr><th>Manager's Transactions Page</th></tr>
    </table>

    <h1>Hello ${name.firstName} ${name.lastName} , You've logged in successfully!</h1>
    <h1>
    Please choose one of the following options
    </h1>

    <!-- The followings are Manager's permissions -->

    <fieldset>
      <legend>To get a list of all the employees at the bank</legend> 
      <form action="blablabla">     <!-- THAT ONE forwards to a servlet that's called Admin1.java -->
        <a href="adminAdds1">Press here to continue</a>  
      </form>
    </fieldset>

    <fieldset>
      <legend>To get a list of all the clients at the bank</legend> 
      <form action="blablabla">     <!-- THAT ONE forwards to a servlet that's called Admin1.java -->
        <a href="adminAdds1">Press here to continue</a>  
      </form>
    </fieldset>

    <fieldset>
      <legend>To get a list of all the overdraft clients at the bank</legend> 
      <form action="blablabla">     <!-- THAT ONE forwards to a servlet that's called Admin1.java -->
        <a href="adminAdds1">Press here to continue</a>  
      </form>
    </fieldset>

    <fieldset>
      <legend>To get the number of overdraft clients at the bank</legend> 
      <form action="blablabla">     <!-- THAT ONE forwards to a servlet that's called Admin1.java -->
        <a href="adminAdds1">Press here to continue</a>  
      </form>
    </fieldset>

    <fieldset>
      <legend>To get a full financial report for the current month</legend> 
      <form action="blablabla">     <!-- THAT ONE forwards to a servlet that's called Admin1.java -->
        <a href="adminAdds1">Press here to continue</a>  
      </form>
    </fieldset>

    <fieldset>
      <legend>To get a full financial report for a specific date</legend> 
      <form action="blablabla">     <!-- THAT ONE forwards to a servlet that's called Admin1.java -->
        <a href="adminAdds1">Press here to continue</a>  
      </form>
    </fieldset>
</body>

JSP ファイルのコーナーの 1 つにボタンを追加するにはどうすればよいですか?

よろしく

4

3 に答える 3

2

cssファイルを書き込むのと同じくらい簡単です。

最初に を書きますcss。このようなもの：bar.css

@charset "utf-8";
/* CSS Document */

.bar
{
 width:40px;
}

#right
{
    float:right;
    margin-right:20px;
    background:#06F;
}


次に、これらをjspファイルに入れます。

<link href="bar.css" rel="stylesheet" type="text/css" />

ログアウトするためのリンクは次のとおりです。

<div id ="right" class="bar">
<!-- Your Link to Log out -->
</div>


これはほんの一例です。この例では、あなたlinkを右に置きます。パラメータを任意に設定して、log out link好きな場所に配置します。また、上または下に配置することもできます。

于 2012-08-08T09:25:14.123 に答える
1

これをチェックして ：

        <!DOCTYPE html>
        <html>
        <head><title>Bank Manager's Transactions Page</title>
        <style type="text/css">
                body,html
                {
                    margin:0;
                }
               #logout
                {
                    float:right;
                }​
            </style>

        </head>
        <body>

<!-- Logout link, instead of using anchor tag you can replace it with button tag ...... -->

            <div id="logout">
                   <a href="logoutPage">LogOut</a>  
            </div> 

<!-- if you chose button tag, you remove the div and you can directly put stylesheet using button id -->

            <table class="title">
              <tr><th>Manager's Transactions Page</th></tr>
            </table>
            <h1>Hello ${name.firstName} ${name.lastName} , You've logged in successfully!</h1>
            <h1>
            Please choose one of the following options
            </h1>

            <!-- The followings are Manager's permissions -->

            <fieldset>
              <legend>To get a list of all the employees at the bank</legend> 
              <form action="blablabla">     <!-- THAT ONE forwards to a servlet that's called Admin1.java -->
                <a href="adminAdds1">Press here to continue</a>  
              </form>
            </fieldset>        

        <!-- code continues...... -->

        </body>​
    </html>
于 2012-08-08T09:35:06.133 に答える