Maison  >  Article  >  interface Web  >  HTML5 a-t-il une zone de texte de date ?

HTML5 a-t-il une zone de texte de date ?

青灯夜游
青灯夜游original
2022-03-11 17:01:332379parcourir

html5 a une zone de texte de date ; il vous suffit d'ajouter l'attribut type à la zone de texte de saisie et de définir la valeur de l'attribut sur date, heure, dateheure-locale, mois, semaine ou dateheure pour convertir la zone de saisie ordinaire en date. zone de texte.

HTML5 a-t-il une zone de texte de date ?

L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML5, ordinateur Dell G3.

html5 a une zone de texte de date.

HTML5 définit plusieurs nouveaux contrôles liés à la date. Les navigateurs prenant en charge les contrôles de date fourniront un calendrier déroulant pratique que les utilisateurs pourront sélectionner.

Il vous suffit d'ajouter l'attribut type à la zone de texte de saisie et de définir la valeur de l'attribut sur date, heure, dateheure-locale, mois, semaine ou dateheure.

1. Contrôle de la date - date

<input type="date" value=""/>

HTML5 a-t-il une zone de texte de date ?

2. Contrôle de l'heure - heure

<input type="time" value="13:59"/>
<input type="time" value="13:59:59"/>

HTML5 a-t-il une zone de texte de date ?

2-HTML5 a-t-il une zone de texte de date ?

3. contrôle - dateheure -local

<input type="datetime-local" value=""/>

HTML5 a-t-il une zone de texte de date ?

4. Contrôle du mois - mois

<input type="month" value=""/>

HTML5 a-t-il une zone de texte de date ?

5. Contrôle de la semaine - semaine

<input type="week" value=""/>

HTML5 a-t-il une zone de texte de date ?

6.

Description : Le contrôle de la date et de l'heure prend également en charge les attributs min et max, indiquant l'heure minimale et maximale pouvant être définieHTML5 a-t-il une zone de texte de date ?

<input type="datetime" value="2022-01-17T13:59:59"/>

HTML5 a-t-il une zone de texte de date ?【Recommandations associées : tutoriel vidéo HTML
,

interface Web

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn