Kategori: Referensi HTML

문장 흐름 안의 짧은 인용 구간을 표현한 일러스트

Elemen HTML q: Kutipan Singkat, Sumber cite, dan Tanda Kutip

Kenali perbedaan q, blockquote, serta elemen dan atribut cite. Gunakan contoh lengkap untuk memeriksa tautan sumber dan kutipan bersarang tanpa tanda kutip yang berulang.

시계와 시각 선택 컨트롤을 표현한 일러스트

Input Waktu HTML: Format 24 Jam, min, max, step, dan Detik

Bandingkan input waktu 15-menit dan satu-detik dalam contoh lengkap. Periksa string yang dikirimkan, validasi wajib dan interval, reset, rentang yang melewati tengah malam, dan kebutuhan tanggal serta zona waktu terpisah.

슬라이더 손잡이와 실시간 조절 결과를 표현한 일러스트

Slider range HTML: min, max, step, Nilai Langsung, dan Reset

Buat slider yang memperbarui ukuran teks dan output numeriknya secara real time. Bandingkan nilai saat ini dan nilai awal, periksa pengiriman formulir, cek kontrol keyboard, dan pulihkan setiap tampilan saat reset.

증감 버튼과 일정한 간격의 숫자 입력을 표현한 일러스트

Input Angka HTML: min, max, step, Desimal, dan valueAsNumber

Validasi kuantitas dan bobot desimal dalam contoh input angka lengkap. Bandingkan basis langkah, nilai string dan numerik, penanganan input kosong, bidang pengenal, dan pemeriksaan di sisi server.

보이는 입력창 뒤에 숨은 값 카드가 함께 전달되는 일러스트

HTML hidden: Nilai Kiriman, Perubahan JavaScript, dan Batas Keamanan

Periksa nilai tersembunyi bersama kotak centang dalam contoh formulir lengkap. Bandingkan field yang dinonaktifkan dan yang tersembunyi dengan CSS, ubah nilai dengan JavaScript, dan pahami mengapa server harus memvalidasi input tersembunyi.

재생 버튼과 조절 막대가 있는 동영상 플레이어 일러스트

HTML video: Kontrol, Autoplay, Ukuran Responsif, dan Pemecahan Masalah

Jalankan contoh pemutar video lengkap dengan sumber WebM dan MP4. Pilih atribut pemutaran, bandingkan ukuran responsif, atasi pemutaran otomatis yang diblokir atau file yang tidak didukung, dan rencanakan teks keterangan serta deskripsi.

여러 줄의 입력 내용을 담은 넓은 텍스트 영역 일러스트

HTML textarea: Teks Multibaris, Batas Panjang, readonly, dan Nilai Kiriman

Jalankan contoh textarea lengkap dengan default multibaris, validasi wajib dan panjang, bidang hanya-baca dan nonaktif. Bandingkan pembungkusan visual dengan pemisah baris dan baca nilai saat ini dengan aman di JavaScript.

선택한 날짜와 허용 범위를 보여 주는 달력 일러스트

Input Tanggal HTML: value, min, max, step, dan Format

Periksa nilai tanggal yang dinormalisasi, rentang inklusif, validasi wajib, reset, dan langkah tujuh hari dalam contoh lengkap. Bedakan tanggal kalender dari waktu dan verifikasi aturan penting di server.

입력 양식에서 서버로 값이 전달되는 과정을 표현한 일러스트

HTML form: GET, POST, action, dan name dengan Contoh PHP

Jalankan contoh lengkap form HTML dan PHP untuk membandingkan permintaan GET dan POST. Periksa nama kolom, validasi server, keluaran yang di-escape, encoding, perilaku reset, dan kegagalan pengiriman umum.

여러 항목을 동시에 선택한 체크박스 그룹 일러스트

Checkbox HTML: Nilai Jamak, required, dan indeterminate

Periksa beberapa nilai kotak centang, validasi wajib, pengecualian bidang yang dinonaktifkan, reset, dan seleksi parsial dalam contoh lengkap. Pelajari bagaimana bidang yang hilang dan berulang harus ditangani di server.