Catégorie : Référence HTML

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

Élément HTML q : citations courtes, sources cite et guillemets

Différencier q de blockquote et de l'élément ou attribut cite. Utilisez un exemple complet pour vérifier les liens sources et les citations imbriquées tout en évitant les guillemets en double.

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

Heure HTML : format 24 heures, min, max, step et secondes

Comparer des entrées de temps de 15 minutes et d'une seconde dans un exemple complet. Vérifier les chaînes soumises, la validation obligatoire et par intervalle, la réinitialisation, les plages franchissant minuit et la nécessité de dates et fuseaux horaires séparés.

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

Curseur range HTML : min, max, step, affichage et réinitialisation

Créez un curseur qui met à jour la taille du texte et sa valeur numérique en temps réel. Comparez les valeurs actuelles et initiales, inspectez la soumission du formulaire, vérifiez les contrôles clavier et restaurez tous les affichages lors de la réinitialisation.

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

Nombre HTML : min, max, step, décimales et valueAsNumber

Valider les quantités et les poids décimaux dans un exemple complet de saisie de nombre. Comparer les bases de pas, les valeurs chaînes et numériques, la gestion des champs vides, les champs identificateurs et les vérifications côté serveur.

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

HTML hidden : valeurs envoyées, modifications JavaScript et limites de sécurité

Inspectez les valeurs cachées aux côtés des cases à cocher dans un exemple complet de formulaire. Comparez les champs désactivés et les champs cachés via CSS, modifiez les valeurs avec JavaScript et comprenez pourquoi le serveur doit valider les entrées cachées.

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

HTML video : commandes, lecture automatique, taille responsive et dépannage

Exécutez un exemple complet de lecteur vidéo avec des sources WebM et MP4. Choisissez les attributs de lecture, comparez le dimensionnement réactif, dépannez la lecture automatique bloquée ou les fichiers non pris en charge, et planifiez les sous-titres et descriptions.

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

HTML textarea : texte multiligne, longueur, readonly et valeurs envoyées

Exécutez un exemple complet de textarea avec des valeurs par défaut multilignes, des champs requis et une validation de longueur, des champs en lecture seule et désactivés. Comparez le retour à la ligne visuel avec les sauts de ligne et lisez les valeurs actuelles en toute sécurité en JavaScript.

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

Date HTML : value, min, max, step et format de date

Vérifiez les valeurs de date normalisées, les plages inclusives, la validation obligatoire, la réinitialisation et les pas de sept jours dans un exemple complet. Distinguez les dates du calendrier des heures et vérifiez les règles importantes sur le serveur.

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

HTML form : GET, POST, action et name avec un exemple PHP

Exécutez un exemple complet de formulaire HTML et PHP pour comparer les requêtes GET et POST. Vérifiez les noms des champs, la validation côté serveur, les sorties échappées, l'encodage, le comportement du bouton réinitialiser et les erreurs courantes de soumission.

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

Cases à cocher HTML : valeurs multiples, required et indeterminate

Vérifiez plusieurs valeurs de cases à cocher, la validation obligatoire, l'exclusion des champs désactivés, la réinitialisation et la sélection partielle dans un exemple complet. Apprenez comment les champs manquants et répétés doivent être gérés côté serveur.