Penggunaan tag :
- <p>
- <font>
- <img>
Bagaimana, check it out!
Untuk uji coba, mari kita buat terlebih dahulu basic language of HMTL ini yah :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>INPUT HTML</title>
</head>
<body>
</body>
</html>
Masih ingat bukan untuk peletakan isi dari web kita, yap di antara tag :
<body>
...
</body>
Tahap awalnya, kita buat input teks sederhana. Kita tambahkan tag < input ... >, dengan kode :
<body>
<input type = "text" name = "txText">
</body>
Kita jalankan file tersebut, hasilnya :
Sampai sini kita sudah membuat sebuah tempat untuk melakukan input. Coba saja yah 😊
Yeay berhasil! 😍
Mari kita analisis baris kode tag :
<input type = "text" name = "txText">
Kata input mendeskripsikan bahwa kita membuat sebuah tempat untuk input yang diikuti oleh :
- text, karena kita ingin membuat sebuah inputan bagi teks.
- name, ini digunakan untuk memberikan nama bagi inputan kita ini. Hal ini berguna apabila kita nantinya akan menyambungkan file HTML dengan bahasa PHP yang berkaikan dengan penggunaan $_POST maupun $_GET.
Selain properti type dan name, input dalam HTML memiliki berbagai jenis tipe. Daftar tipe input dalam HTML yaitu :
- button
- checkbox
- color
- date
- datetime
- datetime-local
- file
- hidden
- image
- month
- number
- password
- radio
- range
- reset
- search
- submit
- text
- time
- url
- week
Selanjutnya mari kita coba untuk menggunakan tipe url, bagaimana hasilnya 😙
<body>
<input type = "url" name = "txUrl">
</body>
Hasilnya :
Setelah kita klik ikon di dalam kotak, maka akan muncul box kalender :
Masih banyak yah yang perlu di coba, ada 22 jenis tipe yang perlu dicoba. Mangatz yah 🔥
Kita coba jenis-jenis tipe input di artikel selanjutnya...
Tags:
HTML