Tutorial borang pengesahan pembangunan JS susun atur hadapan
Borang pengesahan
Mari kita pelajari cara menggunakan js untuk mengesahkan borang
Kod html adalah seperti berikut:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="div"> <form> <label>用戶名:</label> <input type="text" class="name" id="name"> <div id="sp" class="div"></div> <label>密 碼:</label> <input type="password" class="pwd" id="pwd"> <div id="sp1" class="div"></div> <label>郵 箱:</label> <input type="text" class="email" id="email"> <div id="sp2" class="div"></div> <label>愛 好:</label> <textarea rows="5" cols="30" class="txt" id="txt"></textarea> <div id="sp3" class="div"></div> <input type="button" class="sub" value="注冊" id="sub"> </form> </div> </body> </html>
Mari kita lihat pemaparan pratonton berikut:
Sebelum memproses gaya halaman, mari kita lihat kod
untuk setiap kotak teks dahulu atau medan teks, seperti berikut Terdapat teg div untuk apa ini Apabila kami menggunakan javascript untuk mengesahkan borang, jika tiada kandungan input, kami akan memberikan mesej segera dan meletakkan kandungan mesej gesaan. div tag
Dalam kod di atas, kita melihat id dan atribut kelas, kita boleh menggunakannya untuk mencipta gaya
Ini tanpa menggunakan css untuk memproses gaya, jadi ia akan kelihatan hodoh. Mari seterusnya Hanya gunakan css untuk menukar gaya
