Senang bisa bertemu dengan sobat coders di Udacoding Baraja. Semoga disini kita bisa belajar bersama di dunia percodingan. Okay Sobat Coders, saat ini kita akan belajar membahas tentang bagaimana cara membuat form log in hanya dengan menggunakan HTML. Form log in hanya dengan HTML, apa bisa..? Jawabannya bisa sobar coders, dari pada masih bingung. Yuk, langsung saja kita mencobanya sobar coders. Berikut dibawah ini merupakan penulisan syntax untuk membuat form log in :
Jika syntax diatas sudah sobat coders tuliskan kedalam text editor dengan ekstensi .html
Dan jika dijalankan akan menghasilkan tampilan pada browser seperti dibawah ini:
Gimana sobat coders? Keren bukan! Hanya dengan menggunakan HTML saja kita sudah bisa membuat form log in yang menarik.
Selanjutnya kita akan membahas mengenai elemen dan attribute yang kita gunakan untuk membuat form log in. Berikut penjelasannya sobat Coders :
- Elemen form <form>…</form> digunakan untuk mengumpulkan input pengguna.
- Elemen table <table>…</table> merupakansebuah elemen yang digunakan untuk membuat dan mengatur data ke dalam baris dan kolom dalam bentuk table. Pada elemen table terdapat beberapa attribute, yaitu :
- <tr> atau disebut Table Rows digunakan untuk membuat baris pada table. Yang mana untuk setiap baris table di mulai dengan menuliskan <tr> dan diakhiri dengan </tr>.
- <td> atau disebut Table Cells digunakan untuk membuat kolom pada table. Dimana setiap penulisan kolom table di mulai dengan menuliskan <td> dan diakhiri dengan </td>.
- Elemen <label> pada HTML digunakan untuk memberikan label dalam bentuk teks ataupun tulisan terhadap beberapa elemen HTM. Pemberian label dilakukan di dalam suatu formulir untuk memperjelas inputan yang akan diisi oleh pengguna.
- Button merupakan sebuah tombol yang digunakan untuk menjalankan tindakan tertentu.
- Attribute Required merupakan sebuah attributeyang digunakan untuk menentukan elemen input yang mana harus di isi terlebih dahulu sebelum melakukan menekan tombol button.
Mudah bukan sobat coders! Selamat mencoba Sobat Coders! Semoga ilmunya bermanfaat nya.