是否可以移动复选框的“框”?

时间:2012-06-17 03:55:33

标签: html css

目前,当您选中复选框时,“框”位于文本的左侧。是否可以调整方向:

1:垂直(上图):

2:垂直(下方):

3:水平(文本右侧):

2 个答案:

答案 0 :(得分:2)

你的意思是这样的吗?

<label>This is a checkbox: <input type="checkbox" /></label>

答案 1 :(得分:1)

输入复选框与文本没有连接。

左边的方框:

<input type="checkbox" name="v[]" value="1"> 1
<input type="checkbox" name="v[]" value="2"> 2
<input type="checkbox" name="v[]" value="3"> 3

右边的框:

1 <input type="checkbox" name="v[]" value="1">
2 <input type="checkbox" name="v[]" value="2">
3 <input type="checkbox" name="v[]" value="3">

如果你打算将它放在下面或上面,也许你可以创建一个像这样的表:

<table>
    <tr>
        <td>ONE</td>
        <td>II</td>
        <td>3</td>
    </tr>
    <tr>
        <td><input type="checkbox" name="v[]" value="1"></td>
        <td><input type="checkbox" name="v[]" value="2"></td>
        <td><input type="checkbox" name="v[]" value="3"></td>
    </tr>
</table>