Beberapa Input Data Yang Ada Pada Bahasa Pemrograman HTML



Assalamualaikum Wr. Wb.

Selamat Datang Kembali Di Blog Ini, Kali Ini Saya Akan Membahas Input Data Yang Ada Pada Bahasa Pemrograman HTML.

Dikutip dari Wikipedia 
Hypertext Markup Language (HTML) adalah bahasa markah standar untuk dokumen yang dirancang untuk ditampilkan di peramban internet. Ini dapat dibantu oleh teknologi seperti Cascading Style Sheets (CSS) dan bahasa scripting seperti JavaScript dan VBScript.

Sebelum masuk ke input data yang pertama, pastinya sobatsudah paham dulu tentang bahasa pemrograman, sehingga sobat nantinya bisa paham tentang konten kali ini.


BEBERAPA INPUT DATA YANG ADA DI BAHASA PEMROGRAMAN HTML


TIPE INPUT "TEXT"

Tipe yang pertama adalah tipe text. Tipe ini merupakan tipe yang paling dasar dalam sebuah <input>, bahkan tanpa mendefinisikan atribut type pun browser akan memilih tipe ini sebagai default.

Fungsi dari tipe text adalah untuk mengambil isian berupa teks.

<input type="text"/>

TIPE INPUT "NUMBER"

Berikutnya adalah tipe number. Tipe ini membatasi isian user hanya pada karakter numerik saja. Sehingga user tidak bisa mengisi karakter huruf, karakter putih, dan lain sebagainya.

Plus: browser akan menambahkan dua buah tombol atas dan bawah untuk mengubah angka isian.

<input type="number"/>

TIPE INPUT "EMAIL"

Tipe input yang berikutnya adalah tipe email.

Tipe ini memiliki fitur validasi di mana jika isian kita bukan berupa format email yang valid, maka form tidak bisa disubmit.

<input type="email"/>

TIPE INPUT "PASSWORD"

Berikutnya adalah tipe password. Tipe ini akan mengubah semua karakter yang kita ketik ke dalam karakter bintang *.

<input type="password"/>

TIPE INPUT "URL"

Berikutnya adalah tipe url. Sesuai dengan namanya, tipe ini akan memvalidasi suatu isian apakah ia sudah sesuai format url yang valid atau tidak. Jika tidak sesuai, maka form tidak akan bisa disubmit.

<input type="url"/>

TIPE INPUT "TIME"

Tipe input berikutnya adalah tipe input time, tipe ini akan membuat kolom isian berupa pilihan jam.

<input type="time"/>

TIPE INPUT "DATE"

Tipe input berikutnya yang bisa kita gunakan adalah tipe date.

Tipe ini akan menampilkan sebuah datepicker tergantung dari browser dan juga OS. Tampilan date picker di windows akan berbeda dengan yang ada di Mac OS, begitu juga datepicker di android akan berbeda dengan iOS.

<input type="date"/>

PENUTUPAN

Itulah tadi beberapa tipe input yang ada di bahasa pemrograman HTML.

Saya Akhiri Dengan Wassalamu'alaikum Wr. Wb.

FERDI ANANDA

Halo, Perkenalkan Nama Saya Ferdi Ananda, saya seorang Front-end Web Developer, Graphic Designer dan Content Creator. Hubungi Saya Jika Memerlukan Sesuatu.

Post a Comment (0)
Previous Post Next Post

Below Post Ad