Question

我有这个标记：

<form name="access-form" method="post" id="grant-access-page-form">
    <label for="randomized-user-radio">
        <input id="randomized-user-radio" type="radio" name="access-account-type" value="random">
            <div class="access-form--randomized-user access-form-radio-content">
                <img class="access-form-radio-content--image" src="">
                <h3 class="access-form-radio-content--title"><?php esc_html_e( 'Randomized User', 'sprout' ); ?></h3>
                <p class="access-form-radio-content--info"><?php esc_html_e( 'Create a random username that the developers can only use once per session.', 'sprout' ); ?></p>
                <ul class="access-form-radio-content--features">
                    <li class="individual-feature">
                        <p><?php esc_html_e( 'Need to re-create the account.', 'sprout' ); ?></p>
                    </li>
                    <li class="individual-feature">
                        <p><?php esc_html_e( 'Best security, but slower responses.', 'sprout' ); ?></p>
                    </li>
                    <li class="individual-feature">
                        <p><?php esc_html_e( 'Automatically deletes the account, strong security.', 'sprout' ); ?></p>
                    </li>
                </ul>
            </div>
        </input>
    </label>
    <input type="submit" value="<?php esc_html_e( 'Create Developer Account', 'sprout' ); ?>"></input>
</form>

我想知道用label包装我的input是否正确，否则应该反过来。我的看法是，input里面应该有一个label，但是使用W3验证程序，则不会显示任何错误。

Answer 1

我通常设置表单的方式是使用定义列表

<dl>
    <dt><label for="name">Name</label></dt>
    <dd><input type="text" name="name" id="name" placeholder="John Doe" /></dd>
</dl>

标签和输入使用for＆id属性进行分组。

PS：尝试使用htmlentities（）;

标签应该包裹我的输入内容还是相反？

1 个答案: