susun atur tutorial log masuk pembangunan jQuery
Mula-mula kita perlu mencipta fail form.html baharu.
Rendering adalah seperti berikut:
Kemudian tulis kandungan borang ini menerangkan halaman log masuk yang agak mudah dengan hanya satu nama pengguna dan kata laluan
Lihat kod berikut:
<!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>
Lihat kod di atas, kita menggunakan susun atur div, mari kita lihat kotak teks borang, kotak kata laluan, tag span, butang
Halaman sedemikian sangat tidak sedap dipandang, jadi dalam bahagian seterusnya, kami akan melakukan operasi gaya CSS
