0

我正在开发一个html页面，html代码是......

<html>
<head>
<title> aaa</title>
</head>
<body>
<form method="get" action="helloServlet">
<br>Pinpad security Code Genrator.</br>
<br></br>
Store No. <input type="text" name="txtName"><br></br>
Register No.
<input type="Generate" >
<br><input type="submit" value="Generate">
</form>
</body>
</html>

输出是...

http://imageshack.us/photo/my-images/832/av1xc.jpg/

我想要一个对齐应该是和对称应该是前景，请告知如何实现..！

4

4 回答 4

1

在 CSS 中做form { margin: 0 auto; } 

<html>
<head>
<title> aaa</title>
<style>
   form { margin: 0 auto; } 
</style>
</head>
<body>
<form method="get" action="helloServlet">
<br>Pinpad security Code Genrator.</br>
<br></br>
Store No. <input type="text" name="txtName"><br></br>
Register No.
<input type="Generate" >
<br><input type="submit" value="Generate">
</form>
</body>
</html>
于 2012-12-15T17:35:59.007 回答
0

我不完全确定你的意思，但我猜你想要的是输入字段相互排列。有几种方法可以做到这一点，但最简单的（但不是首选的）是将表单元素放在表格中，如下所示：

<form method="get" action="helloServlet">
<table>

<tr>
<td>Pinpad security Code Genrator.</td>
</tr>

<tr>
<td>Store No.</td>
<td><input type="text" name="txtName"></td>
</tr>

<tr>
<td>Register No.</td>
<td><input type="Generate" ></td>
</tr>

<tr>
<td><input type="submit" value="Generate"></td>
</tr>

</form>

更可取的方法是使用 CSS。然后您可以使用位置、左、上、下和右来手动定位元素，或者您可以通过控制周围元素的大小和浮动行为来安排元素浮动到正确的位置。就像是：

<!-- In head -->
<style type="text/css">
label
{
    display: inline-block;
    width: 100px;
}
</style>

<!-- In body -->
<form method="get" action="helloServlet">
<div>Pinpad security Code Genrator.</div>

<div>
<label>Store No.</label>
<input type="text" name="txtName">
</div>

<div>
<label>Register No.</label>
<input type="Generate" >
</div>

<div>
<input type="submit" value="Generate">
</div>

</form>
于 2012-12-15T17:38:18.450 回答
-1

这将form对齐center

<html>
<head>
<title> aaa</title>
</head>
<body>
<form method="get" action="helloServlet">
    <br>
    <center>Pinpad security Code Genrator.</center>
<br>
<center>Store No. <input type="text" name="txtName"></center><br>
<center>Register No.<input type="Generate" ></center>
<br>
    <center><input type="submit" value="Generate"></center>
</form>
</body>
</html>​
于 2012-12-15T17:32:31.740 回答
-1

您可以使用 HTML 表格标签。

<html>
<head>
<title> aaa</title>
</head>
<body>
<form method="get" action="helloServlet">
<br>Pinpad security Code Genrator.</br>
<br></br>

<table>
<tr>
    <td>Store No.</td>
    <td><input type="text" name="txtName"></td>
</tr>
<tr>
    <td>Register No.</td>
    <td><input type="Generate"></td>
</tr>
<tr>
    <td><input type="submit" value="Generate"></td>
</tr>
</table>

</form>
</body>
</html>
于 2012-12-15T17:34:53.330 回答