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 では{ 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

これによりformcenter

<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 に答える