កាលដែរ HTML5 មិនទាន់ចេញផ្សាយឲ្យប្រើ យើងមិនអាចបង្កើត Validation Form ជាមួយនឹង HTML បានទេ។
ដោយសារតែ HTML5 មានធាតុ និង attribute ថ្មីមួយចំនួន ដែលផ្តល់ឲ្យយើងអាចបង្កើត Validation Form ជាមួយនឹង HTML បានយ៉ាងងាយដោយមិនចាំបាច់ប្រើ ភាសារដទៃទៀតដើម្បីជាជំនួយនោះទេ។
ក្នុងការធ្វើ Validation Form នេះដែរគឺយើងប្រើ Attribute មួយឈ្មោះថា required ដែលប្រើសម្រាប់ កំណត់ថា អ្នកប្រើប្រាស់ត្រូវតែបញ្ចូលទិន្នន័យជាដាច់ខាត និង មួយទៀតគឺយើងប្រើធាតុ input type="email" ដើម្បីកំណត់ថា អ្នកប្រើប្រាស់ត្រូវតែបញ្ចូល ម៉េល ឲ្យត្រូវនឹងទំរង់របស់វា។
ឧទាហរណ៍
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
| < form method = "post" name = "register" id = "register" action = "register.php" > < h1 >Simple Validation Form with HTML5</ h1 > < div > < label >Username</ label >< br /> < input id = "username" name = "username" type = "text" required /> </ div > < div > < label >Password</ label >< br /> < input name = "password" type = "password" autofocus required title = "Please enter you password." /> </ div > < div > < label >Email</ label >< br /> < input type = "email" placeholder = "itkonkhmer@gmail.com" required> </ div > < div > < input id = "send" name = "login" type = "submit" value = "Register" /> </ div > </ form > |
Download Demo
No comments:
Post a Comment