这是我需要使用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,还有很多空间可以去.