正确的 CSS 以按特定顺序显示 html 表单元素？

发布于 2024-11-08 12:59:14 字数 651 浏览 0 评论 0原文

    <input type="checkbox" ID="RecquireFacebookInvitesCB" />Require
    <select>
    {section name=foo start=5 loop=50 step=1}
        <option value="{$smarty.section.foo.index}">{$smarty.section.foo.index}</option>
    {/section}
    </select>
    this many Facebook invites before entering sweepstakes

在此处输入图像描述

我有上面的 html（带有 smarty-php 格式标记），它生成两个表单元素和一些文本，如下所示显示在我的屏幕截图中。我想将此显示为：

[CHECKBOX] Require [SELECTION LIST] Facebook invites before entering sweepstakes

我对如何实现它有自己的想法，但我想知道最好的方法是什么。谢谢！

原文

    <input type="checkbox" ID="RecquireFacebookInvitesCB" />Require
    <select>
    {section name=foo start=5 loop=50 step=1}
        <option value="{$smarty.section.foo.index}">{$smarty.section.foo.index}</option>
    {/section}
    </select>
    this many Facebook invites before entering sweepstakes

enter image description here

I have the above html (with smarty-php formatting tags) that produces two form elements and some text as displayed in my screen shot. I'd like to make this display as:

[CHECKBOX] Require [SELECTION LIST] Facebook invites before entering sweepstakes

I have my own ideas on how to implement this but I'm wondering what the best approach would be. Thanks!

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

尹雨沫 2024-11-15 12:59:14

尝试将您的代码更改为：

<input type="checkbox" ID="RecquireFacebookInvitesCB" /><label for="RecquireFacebookInvitesCB">Require</label>
<select>
{section name=foo start=5 loop=50 step=1}
    <option value="{$smarty.section.foo.index}">{$smarty.section.foo.index}</option>
{/section}
</select>
this many Facebook invites before entering sweepstakes

Try changing your code to this:

<input type="checkbox" ID="RecquireFacebookInvitesCB" /><label for="RecquireFacebookInvitesCB">Require</label>
<select>
{section name=foo start=5 loop=50 step=1}
    <option value="{$smarty.section.foo.index}">{$smarty.section.foo.index}</option>
{/section}
</select>
this many Facebook invites before entering sweepstakes

回复收藏 0 原文

~没有更多了~