如何将单选按钮放在表格中的一行?

时间:2013-10-16 20:56:43

标签: html css html5 forms web

我写了以下代码:

  male    <input type="radio" name="sex" value="male">
female    <input type="radio" name="sex" value="female">
 other    <input type="radio" name="sex" value="other">

这一切都在表格内。我怎样才能将它们放在一条线上?

2 个答案:

答案 0 :(得分:2)

将它们包裹在标签标签

<label>male    <input type="radio" name="sex" value="male"></label>
<label>female    <input type="radio" name="sex" value="female"></label>
<label>other    <input type="radio" name="sex" value="other"></label>

还检查是否没有样式应用于输入元素,这些样式可能将它们显示为块元素

答案 1 :(得分:1)

如果你想让点从左到右排成一行,你就完成了。如果你想要从上到下点,你可以很简单:

  male    <input type="radio" name="sex" value="male"><br>
female    <input type="radio" name="sex" value="female"><br>
 other    <input type="radio" name="sex" value="other">

<br>让他们跳到下一行