Question

我在将输出格式化为我的JSP代码时遇到了一些麻烦它看起来像this 我希望它以一种很好的方式格式化，我不知道该怎么做

            <%@ page language="java" contentType="text/html; charset=ISO-8859-1"
                pageEncoding="ISO-8859-1"%>
            <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
            <html>
            <head>
            <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
            <title>Weather Manager</title>
            </head>
            <body>
                <div align="left">


                <form action=/Orange_assignment/Login>
                    Email : <input type="text" name="Email" align="left"> <br>
                    Password:&nbsp;<input type="text" name="Password" align="left"> <br>
                    <button type="submit" align="left">&nbsp;Login!</button>
                    Login using your credentials
                </form>

                <form action='Signup.jsp' method=POST>
                    <button type="submit">Signup!</button>
                    Not a user? Signup!
                    <pre>           <img src="OrangeTM.jpg" alt="Orange Logo"
                            style="width: 50px; height: 50px">
                    </pre>
                </form>
            </div>
            </body>
            </html>

Answer 1

继前面的回答使用表格进行布局被认为是不好的做法（Why not use tables for layout in HTML?），但我想我们都已经完成了（无论如何我们都是非设计师）。然而，随着Twitter Bootstrap库的出现，我们现在可以制作出漂亮的表格*：

http://getbootstrap.com/css/#forms-horizontal

设计师可能不会分享此观点。

Answer 2

<table>
<tr>
   <td>Email :</td><td> <input type="text" name="Email" align="left"><td>
</tr>
<tr>
   <td>Password:</td><td><input type="text" name="Password" align="left"></td>
</tr>
   <td colspan="2"><button type="submit" align="left">Login!</button></td>
</tr>
</table>

Answer 3

您可以使用表格标签并指定边框0.这将帮助您缩进和格式化您想要的方式。以下是您的代码：

<!DOCTYPE html>
<html>
<body>

<table style="width:100%">
  <tr>
    <td>Email</td>
    <td><input type="text" name="Email" align="left"></td>      
  </tr>
  <tr>
    <td>Password</td>
    <td><input type="text" name="Password" align="left"></td>       
  </tr>
</table>
</body>
</html>

根据您的要求进行修改。

以下是我给你的代码的输出。

result

如何在JSP中对齐元素的输出？

3 个答案: