我想把输入放在一行。
<table border='1' cellpadding="25" style='border-collapse: collapse;border-color: silver;'>
<tr style='font-weight: bold;'>
<td width='350' align='center'>
<h2>Register:</h2><br>
Login: <input type="text" name="login" maxlength="20" size="25" /><br>
Password: <input type="password" name="password" size="25" maxlength="32" /><br>
Repeat password: <input type="password" name="password2" size="25" maxlength="32" /><br><br>
</td></tr></table>
我认为你试图让所有这些在中心对齐。为此我们必须使用“tr”标签定义HTML表格中的行和“th”标签,它定义HTML表格中的标题单元格。试试以下代码:
<html>
<body>
<h2 align="center">Register</h2>
<table align="center">
<tr>
<td>Login</td>
<td><input type="text" name="login" align="middle"/></td>
</tr>
<tr>
<td>Password</td>
<td><input type="password" name="pass" align="middle"/></td>
</tr>
<tr>
<td>Repeat Password</td>
<td><input type="password" name="rpass" align="middle"/></td>
</tr>
</table>
我们还使用table的align属性和我们创建的新行来获得您想要的内容。
我认为你有3个选择:
CSS
和position:relative
并使用left' of each
inputs`,这根本无效。HTML
,我的意思是将每个输入放在单独的td
上。这是我认为的最佳选择,甚至更好的是你把label / text' of each input
放在另一个td
上。div
(例如)代替td
进行更多控制并使用CSS
。我强烈建议你使用选项#2,希望这个帮助。
这样做:
<table border='1' cellpadding="25" style='border-collapse: collapse;border-color: silver;'>
<tr style='font-weight: bold;'>
<td style="width: 300px; text-align: right;">
Login:
</td>
<td style="width: 300px; text-align: left;">
<input type="text" name="login" maxlength="20" size="25" />
</td>
</tr>
<tr style='font-weight: bold;'>
<td style="width: 300px; text-align: right;">
Password:
</td>
<td style="width: 300px; text-align: left;">
<input type="password" name="password" size="25" maxlength="32" />
</td>
</tr>
</table>