Belajar HTML #part 15 | Form (Formulir)

Assalamu'alaikum wr.wb
Halo kembali bersama gua Syahrul R. Yang terganz terkece terterrr terlalu berharap :v
Ok kali ini gua mau bahas HTML lagi ea mank :v, Sekarang kita masuk ke form(formulir).
Oke langsung saja ke materinya.. Cekidottt..

Form HTML biasanya di gunakan untuk mengumpulkan dari user/pengguna mank.
Dan kita bisa menggunakan tag <form>.
Contoh struktur:

<body>
<form></form>
</body>

Kita juga bisa menambahkan intruksi action untuk memuat ketika user mengirimkan formulir.
Contoh:

<form action="bocah-programmer.xyz"></form>

Tapi untuk sekarang kita bukan bahas tentang action dulu ea mank, kita belajar Membuat halaman formulirnya dulu ea mank.

Di pembahasan ini kita coba meminta input dari user dengan tag <input>, Di tag ini mengandung berbagai variasi ea mank tergantung intruksi yg lu kasih.
Dan sekarang kita coba buat dengan intruksi meminta user memasukan username dan password... Cekidottt

<form>
    <input type="text" name="username" /><br />
    <input type="text" name="password" /> <br />
</form>

Nah untuk hasilnya seperti ini mank
Nah itu gua udah masukin username dan passwordnya ea, jadi passwordnya akan tidak keliatan.

Bang coba dong buat dengan intruksi yang lain.
Oke kita sekarang coba buat tentang gender/Jenis kelamin ea mank. Yaitu laki-laki dan perempuan.
Bencong ada gak bang? Bapak kau bencong ;v
Untuk intruksi gender kita pake radio mank.(bukan radio yang di tonton ea) :v
Contoh:

<form>
     <input type="radio" name="gender" value="Laki-Laki" />Laki-Laki<br />
     <input type="radio" name="gender" value="Perempuan" />Perempuan<br />
</form>

Nah untuk hasilnya seperti ini mank
Nah itu cara kerjanya di pencet yang bulet bulet itu(bukan bulet TT ea)  :v

Nah itu kan udah cara buat formulirnya ea.
Sekarang kita tinggal buat tombol klik untuk mengirim formulir itu.
Contoh:

<form>
     <input type="submit" value="Gass" />
</form>

Nah untuk hasilnya seperti ini mank
Nah cara kerjanya itu adalah pencet ajah tuh tombol :v

Oke menurut gua sekian Materi kali ini
See you Next Time :)
Wassalamu'alaikum wr.wb

0 Response to "Belajar HTML #part 15 | Form (Formulir)"

একটি মন্তব্য পোস্ট করুন

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel