Question

我正在尝试在表格中添加一个下拉框作为注册表单的一部分。以下是我的代码： -

<html>
<body></body>
<h1>Cab</h1>
<TABLE BORDER="0">
    <TR>
        <TD>Name</TD>
        <TD ALIGN="left"><INPUT TYPE="text" SIZE="25" NAME="fname">
        </TD>
    </TR>
    <TR>
        <TD>Phone Number</TD>
        <TD ALIGN="left"><INPUT TYPE="text" SIZE="25" NAME="phnnum">
        </TD>
    </TR>
            <TR>
        <TD class = "select">Online Password (Repeated) 
        <select>        
                <option value="volvo">Volvo</option>
                <option value="saab">Saab</option>
                <option value="mercedes">Mercedes</option>
                <option value="audi">Audi</option>
        </select>
        <TD ALIGN="center"></TD>
        </TD>   
    </TR>
</TABLE>
<INPUT TYPE="submit" VALUE="Submit">
<INPUT TYPE="reset" VALUE="Clear">
</html>

当我这样做时，下拉框不会像其他字段一样以格式出现。我想在其上方的文本字段正下方的下拉框。

Answer 1

因为您已将“在线密码（重复）”文字放在同一列中 td

第二个 TD 为空白..

<TR>
    <TD class = "select">Online Password (Repeated) 
    <select>        
            <option value="volvo">Volvo</option>
            <option value="saab">Saab</option>
            <option value="mercedes">Mercedes</option>
            <option value="audi">Audi</option>
    </select>
    <TD ALIGN="center"></TD>
    </TD>   
</TR>

用以下代码替换上面的代码

<TR>
    <TD class = "select">Online Password (Repeated)         
    </TD>   
    <TD ALIGN="center">
       <select>        
            <option value="volvo">Volvo</option>
            <option value="saab">Saab</option>
            <option value="mercedes">Mercedes</option>
            <option value="audi">Audi</option>
       </select>
    </TD>        
</TR>

我希望你现在能找到你犯错的地方

检查jsfiddle

使用HTML在表格中添加下拉列表

1 个答案: