如何在同一行上回显一些输出(单选按钮)

时间:2017-07-14 09:28:39

标签: php html css

由于标签输出即将出现在下一行

while ($row=mysqli_fetch_array($res))
{ 
    echo  "<label for='A'> <input type='radio' class='muted pull-left' name ='radio' id='A' value=".$row['dis'].">&nbsp;".$row['dis']."</label>";             
}

输出应为:

Radio button 1   Radio button 2 .....  Radio button n

4 个答案:

答案 0 :(得分:1)

这是一个CSS问题。制作<label>代码display:inline

答案 1 :(得分:0)

正如@cweiske所说,CSS似乎是个问题。没有任何CSS更改的输出应该是内联的,但您的输出似乎是块格式https://jsfiddle.net/qam2sxy5/。 试试

while ($row=mysqli_fetch_array($res))
{ 
echo  "<label for='A' style="display:inline"> <input style="display:inline-block" type='radio' class='muted pull-left' name 
='radio' id='A' value=".$row['dis'].">&nbsp;".$row['dis']."</label>";             
}

答案 2 :(得分:0)

不要将输入放在标签内。此外,单选按钮没有值。它已经过检查或未经过检查。

&#13;
&#13;
<div class="row">
  <label for='A'>Label A</label>
  <input type='radio' class='muted pull-left' name='radio' value='A' id='A' />
  <label for='B'>Label B</label>
  <input type='radio' class='muted pull-left' name='radio' value='B' id='B' />
  <label for='C'>Label C</label>
  <input type='radio' class='muted pull-left' name='radio' value='C' id='C' checked />
</div>
&#13;
&#13;
&#13;

答案 3 :(得分:0)

在样式标记

中使用下面给出的CSS

fieldset {

溢出:隐藏

}

.some-class {

float:left;

clear:none;

}

标签{

float:left;

clear:none;

display:block;

填充:2px 1em 0 0;

}

输入[类型=无线电],

input.radio {

float:left;

clear:none;

保证金:2px 0 0 2px;

}