Rabu, 06 Februari 2013

Belajar HTML 5

Pertama kita belajar membuat form dari html 5, untuk seterusnya menyusul,.... haha, karena saya juga masih belajar,....

pertama kita buat form warna.... berikut contoh kodingnya...

<html>
<title>Belajar Form HTML 5</title>
<head>
</head>
<body>
    <form method="post" action="">
        <input type="color" name="warna">
    </form>
</body>
</html>

jangan lupa type-nya di kasih "color"...
dan inilah jadinya.....


Belajar Form HTML 5
kalau yang ini adalah form untuk validasi text atau email...
berikut contoh kodingnya


<html>
<title>Belajar Form HTML 5</title>
<head>
</head>
<body>
    <form method="post" action="">
        <input type="email" name="vemail">
       <input type="submit" value="submit">
    </form>
</body>
</html>


kode di atas menunjukkan bahwa ketika kita ketik email yang tidak valid,maka validasi akan tampil di bawah form inputnya.... berikut contohnya....


Belajar Form HTML 5


berikutnya validasi form kosong, jika form tersebut tidak diisi, maka form tersebut otomatis muncul peringatan, untuk membuat validasi form tersebut kita cukup menambahkan code seperti berikut

<input type="text" name="nama" required="required">
<input type="submit"value="submit">

dan inilah jadinya.....


Belajar Form HTML 5


Untuk yang lainnya besok ya gan....
soalnya aq mau pulang prakerin..... capek, hehehe
semoga berhasil n sukses selalu.....