小编Jim*_*kov的帖子

使用jquery创建表单.输入元素后无法追加<br>

这是我需要使用jquery创建的HTML版本表单...

<form id="loginForm" class="loginLabel" action="login/login.php" method="post">
    Username : <input type="text" name="Username" ><br>
    Password : <input type="password" name="Password" ><br>
    <input type="Submit" name="login_Submit" value="Login">
</form>
Run Code Online (Sandbox Code Playgroud)

这是我为它写的jquery ......

    var loginForm = document.createElement("form");

    var userInput = document.createElement("input");
        $(userInput).attr("id", "userInput")
                   .attr("type", "text")
                   .attr("name", "Username");

    var br = document.createElement('br');

    var passInput = document.createElement("input");
        $(passInput).attr("id", "passInput")
                   .attr("type", "text")
                   .attr("name", "Password");

    $(loginForm).attr("id","loginForm" )
            .attr("class", "loginLabel")
            .text("Username : ")
            .append(userInput)
            .append(br)
            .text("Password : ")
            .append(passInput);

    $(loginWrapper).append(loginForm);
Run Code Online (Sandbox Code Playgroud)

不幸的是,jquery用密码输入(passInput)覆盖用户名输入(userInput).我查了一下CSS,还有很多空间可以去.

forms jquery login input line-breaks

0
推荐指数
1
解决办法
1182
查看次数

标签 统计

forms ×1

input ×1

jquery ×1

line-breaks ×1

login ×1