asp.net – 复选框及其在同一级别的标签

发布时间：2020-12-16 09:45:31 所属栏目：asp.Net 来源：网络整理

导读：当我使用ASP.NET创建一个复选框时,其标签始终位于复选框的底部.但我希望它们处于同一水平,以便它看起来不错.我实现了如下： table tr td input type="checkbox" id="chxAgreed" name="chxAgreed" / /td td label for="chxAgreed"Agreed/label /td /tr/table

当我使用ASP.NET创建一个复选框时,其标签始终位于复选框的底部.但我希望它们处于同一水平,以便它看起来不错.我实现了如下：

<table>
    <tr>
        <td>
            <input type="checkbox" id="chxAgreed" name="chxAgreed" />
        </td>
        <td>
            <label for="chxAgreed">Agreed</label>
        </td>
    </tr>
</table>

但我不想在我的标记中使用表格这么多.没有桌子怎么办？

解决方法

如果问题只是关于标记(而不是ASP,我不知道),这总是一个很好的方法来做复选框：

<label for="chxAgreed">
    <input type="checkbox" id="chxAgreed" name="chxAgreed" />
    Agreed
</label>

这比其他标记结构带来的好处：

>对齐很简单,实际上是自动的
>复选框和标签将是一个可单击的区域,用于选中/取消选中输入,而不是两个单独的区域.
>您实际上可以省略标签的for属性,如果需要,可以省略输入的ID,这将暗示标签是针对它包含的输入.
>你可以使用这个标记做一些pretty nice stuff with CSS.

我能想到的唯一缺点是,如果要设置标签文本的样式(而不是整个标签),则必须将文本包装在< span>中.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!