HTML Input Type (@WG)

Selamat pagi/siang/malam untuk semuanya yang sedang membaca postingan ini. Pada kesempatan kali ini saya akan mejelaskan cara membuat beberapa input type pada HTML. Sebelum kita lanjut lebih jauh lagi mengenai cara membuat input type pada HTML ada baiknya saya memberitahu pengertian dari HTML kepada sobat, karena belum tentu kita semua tau apa itu HTML. Menurut Wikipedia Hyper Text Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkna berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi.

Setelah kita tau definisi dari HTML maka sekarang kita akan memulai membuatnya. Input type yang akan saya bahas disini adalah textbox. Textbox adalah tempat dimana kita menuliskan sesuatu dalam form. Terdapat banyak attribute untuk input type yang satu ini tetapi saya hanya akan membahas yang sering digunakan saja. Sebelum itu ada baiknya kita membuat terlebih dahulu sebuah form dengan nama belajar input type.html. Disini saya akan menggunakan applikasi Sublime Text untuk mengetik kan kode. Jika sobat ingin menggunakan Text Editor lainnya juga tidak masalah.

Contoh Coding HTML

Ini adalah coding HTML yang harus ada pada tiap form. Kemudian saya akan menuliskan cara bagaimana membuat textbox.

Contoh Coding Textbox HTML

Tag form diatas digunakan untuk membuat sebuah form didalam sebuah file HTML. Kemudian bagian input yang berada didalam form adalah coding untuk membuat textbox. Type adalah attribute yang digunakan untuk menentukan input type apa yang akan dikeluarkan. Sedangkan name digunakan untuk mengirimkan data pada method POST kemudian id digunakan untuk digunakan pada JS (Javascript) dan untuk method GET.

Contoh Attribute placeholder

Attribute placeholder diatas digunakan untuk memberi tulisan kepada Textbox tapi ketika text dituliskan text maka placeholdernya akan hilang.

Type tidak hanya digunakan untuk text, tapi juga dapat diisi dengan berbagai jenis input type, contohnya adalah : radio, checkbox, number, date, dll. Berikut ini adalah beberapa contoh input type pada HTML.

Contoh coding dengan semua input type

Untuk semua input type radio maka namenya harus sama, agar dari 3 radio button hanya bisa dipilih 1. Sedangkan input type yang lain tidak ada peraturan khusus yang hanya ada aturan khusus hanya untuk input type radio saja. Berikut dibawah ini adalah hasil nya :

Hasil Output dari Coding Diatas

Sekian dulu artikel dari saya sobat, nanti saya akan melanjutkan lagi artikel ini tapi dengan pembahasan materi yang lain. Terima kasih sobat yang sudah membaca artikel ini. Semoga materi ini dapat berguna untuk sobat dan untuk referensi pembelajaran.