Jumat, 03 Juni 2016

Cara Membuat Form Validasi Required Dengan PHP dan HTML

Cara membuat form validasi required dengan php dan html – Dalam membuat sebuah form dalam php atau html pastinya kita sering mengalami kendala di mana form yang seharusnya di isi dapat dikosongkan pada saat menginsert data kedalam sebuah form padahal data tersebut memang benar-benar harus di isi, maka dari itu untuk memecahkan masalah ini sebenarnya cukup mudah dan dapat digunakan oleh pemula sekalipun dimana kita akan menggunakan fungsi required pada form yang bertujuan user tidak akan bisa mensubmit data sebelum form yang di tuju di isi artinya tidak dapat dikosongkan

Contoh penggunaanya adalah sebagai berikut

Jika anda menggunakan Input pada form maka kode yang dapat anda buat adalah sebagai berikut

 <!DOCTYPE html>  
 <html>  
 <head>  
 <title>Kode untuk Validasi yang harus di isi KODEPHP.ID</title>  
 </head>  
 <body>  
 <h1>Kode untuk Validasi yang harus di isi KODEPHP.ID</h1>  
 <form>  
 <input type='text' name='contoh' required><button type='submit'>KIRIM</button>  
 </form>  
 </body>  
 </html>  

Maka hasilnya akan seperti gambar di bawah ini


Jika kita menggunakan select maka kode yang dapat anda gunakan seperti berikut

 <!DOCTYPE html>  
 <html>  
 <head>  
 <title>Kode untuk Validasi yang harus di isi KODEPHP.ID</title>  
 </head>  
 <body>  
 <h1>Kode untuk Validasi yang harus di isi KODEPHP.ID</h1>  
 <form>  
 <select name='contoh' required>  
 <option></option>  
 <option>Kode</option>  
 <option>Php</option>  
 <option>Html</option>  
 <option>Javascript</option>  
 </select>  
 <button type='submit'>KIRIM</button>  
 </form>  
 </body>  
 </html>  

Maka hasil yang akan tampil sebagai berikut

Nah itulah dia cara menggunakan fungsi required pada html form yang dapat mempermudahkan pekerjaan dalam membuat suatu form yang memang harus di isi oleh user.

Baca Juga : 2 CSS Framework Yang Harus Anda Coba

Berkomentarlah dengan baik.
Dilarang meninggalkan link hidup dan mengandung kata-kata yang kasar.
EmoticonEmoticon

 
loading...