如何在表格中居中输入表单?超文本标记语言

kac*_*442 2 html css forms html-table

我想将输入放在一行中。

<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>
Run Code Online (Sandbox Code Playgroud)

Kri*_*ran 5

我认为您正在尝试将所有这些对齐在中心。为此,我们必须使用“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>
Run Code Online (Sandbox Code Playgroud)

此外,我们还使用表格的对齐属性和我们创建的新行来获得您想要的内容。