jQuery development login tutorial layout
First we need to create a new form.html file.
The rendering is as follows:
Then write the content of the form. This section explains a relatively simple login page with only one user name and password
Look at the following code:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>登錄頁面的驗(yàn)證</title> </head> <body> <div id="bdy"> <div id="dv"> <div id="con"> <form method="post" action="#"> 用戶名：<input type="text" placeholder="請(qǐng)輸入用戶名" id="name"></br> <span id="sp1"></span></br></br> 密 碼：<input type="password" placeholder="請(qǐng)輸入密碼" id="pwd"></br> <span id="sp2"></span></br></br> <input type="button" value="登 錄" id="but"> </form> </div> </div> </div> </body> </html>
Look at the above code, we are using div layout, let’s take a look at the form text box, password box, span tag, and button inside it
Such a page is very unsightly, so in the next section, we will perform CSS style operations
