使用HTML在表格中添加下拉菜单 [英] Add a drop down in a table using HTML
本文介绍了使用HTML在表格中添加下拉菜单的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在尝试在表格中添加一个下拉框作为注册表格的一部分.这是我的代码如下:-
I am trying to add a drop down box in a table as a part of registration form. Here is my code below :-
<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>
执行此操作时,下拉框的格式与其他字段不同.我想要它上方的文本字段正下方的下拉框.
When I do this the drop down box doesn't come in a format as the other fields come. I want the drop down box right below the Text Field above it.
推荐答案
它是因为您已经放置了在线密码(重复)"文本,并将其放在同一列 td
its because you have put "Online Password (Repeated)" text and drop down in a same column 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>
用下面的代码替换上面的代码
replace above code with below
<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>
我希望你现在能找到自己犯错的地方
I hope u can now find where u made mistake
检查 jsfiddle
这篇关于使用HTML在表格中添加下拉菜单的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文