0

我正在为 Wordpress 注册中的额外字段使用Cimy User Extra Fields插件，但我想将其分成两列，这样用户就不会滚动，因为现在我有很多字段。我在如何在代码中实现它时遇到问题。当我通过 Inspect 元素进行编辑时，它看起来像这样

<form name="registerform" id="registerform" action="http://test.com/wp-login.php?action=register" method="post" style="
    position: absolute;
    margin-left: -200px;
">
    <div style="float:left;width: 350px;" ;=""><p>
        <label for="user_login">Username<br>
        <input type="text" name="user_login" id="user_login" class="input" value="" size="20"></label>
    </p>
    <p>
        <label for="user_email">E-mail<br>
        <input type="text" name="user_email" id="user_email" class="input" value="" size="25"></label>
    </p>
<!--
    Start code from Cimy User Extra Fields 2.5.1
    Copyright (c) 2006-2013 Marco Cimmino
    http://www.marcocimmino.net/cimy-wordpress-plugins/cimy-user-extra-fields/
-->
    <input type="hidden" name="cimy_post" value="1">
    <p id="cimy_uef_wp_p_field_1">
        <label for="cimy_uef_wp_1">Password</label><input type="password" name="cimy_uef_wp_PASSWORD" id="cimy_uef_wp_1" class="cimy_uef_input_27" value="" maxlength="100">
    </p>
    <p id="cimy_uef_wp_p_field_2">
        <label for="cimy_uef_wp_2">Password confirmation</label><input type="password" name="cimy_uef_wp_PASSWORD2" id="cimy_uef_wp_2" class="cimy_uef_input_27" value="" maxlength="100">
    </p></div>
    <div style="float:right;width: 350px;padding-left: 30px;" ;="">
    <p id="cimy_uef_wp_p_field_3">
        <label for="cimy_uef_wp_3">First name</label><input type="text" name="cimy_uef_wp_FIRSTNAME" id="cimy_uef_wp_3" class="cimy_uef_input_27" value="" maxlength="100">
    </p>
    <p id="cimy_uef_wp_p_field_4">
        <label for="cimy_uef_wp_4">Last name</label><input type="text" name="cimy_uef_wp_LASTNAME" id="cimy_uef_wp_4" class="cimy_uef_input_27" value="" maxlength="100">
    </p>
    <p id="cimy_uef_p_field_1">
        <label for="cimy_uef_1">Company</label><input type="text" name="cimy_uef_COMPANY" id="cimy_uef_1" class="cimy_uef_input_27" value="" maxlength="100">
    </p>
    <p id="cimy_uef_p_field_2">
        <label for="cimy_uef_2">Industry </label><select name="cimy_uef_INDUSTRY" id="cimy_uef_2" class="cimy_uef_input_27">
            <option value="Consulting">Consulting</option>
            <option value="Events and PR">Events and PR</option>
            <option value="Other industries">Other industries</option></select>
    </p>
    <br>
<!--
    End of code from Cimy User Extra Fields
-->
</div>
    <p id="reg_passmail">A password will be e-mailed to you.</p>
    <br class="clear">
    <input type="hidden" name="redirect_to" value="">
    <p class="submit"><input type="submit" name="wp-submit" id="wp-submit" class="button button-primary button-large" value="Register"></p>
</form>

注意：我希望第一个 div 先打开，然后user_login再关闭cimy_uef_wp_p_field_2

有什么办法可以做这样的事情，因为user_login它是默认的 wp-login.php 字段并且cimy_uef_wp_p_field_2是 Cimy User Extra Fields 插件字段

4

0 回答 0