Wulin.com (www.vevb.com) Introduction de l'article: Application de type de temps nouvellement ajouté pour la contribution.
Aujourd'hui, le site Web de l'enseignement Web vous amènera à apprécier les nouvelles fonctionnalités de HTML5. L'application de l'entrée de taggage sur HTML5 a été un type de temps nouvellement ajouté. Si le format entré dans les cases d'entrée suivants est incorrect, il ne peut pas être soumis.
Remarque: Ce type d'entrée est efficace dans l'opéra10 +, mais il n'est pas très bon en chrome, et l'apparence dépend du navigateur.
1. Type de date:
<formulaire
<entrée id = webjx_date name = webjx.com type = date />
<Type d'entrée = soumettre une valeur = soumettre /
</ form>
Si nous utilisons avant JS + CSS + Dom, nous pourrions réaliser l'effet de sélection des dates dans les calendriers. Dans HTML5, nous n'avons qu'à définir le type d'entrée à ce jour, et nous n'avons pas besoin de vérifier les données lors de la soumission du formulaire, cela nous a aidés à la mettre en œuvre.
L'effet de fonctionnement est le suivant:
2. Type de temps:
<formulaire
<input id = webjx_time name = webjx.com type = time />
<Type d'entrée = soumettre une valeur = soumettre /
</ form>
Ce type est une zone de texte spécialement utilisée pour saisir le temps, vérifiant si un temps valide a été saisi lors de la soumission.
L'effet de fonctionnement est le suivant:
3. Type DateTime:
<formulaire
<entrée id = webjx_datetime name = webjx.com type = datetime />
<Type d'entrée = soumettre une valeur = soumettre /
</ form>
L'élément d'entrée du type DateTime est une zone de texte spécialement utilisée pour saisir les dates et pratiques UTC. Pendant la soumission, la date et l'heure sont vérifiées efficacement.
L'effet de fonctionnement est le suivant:
4. Type DateTime-local:
<formulaire
<entrée id = webjx_datetime-local name = webjx.com type = datetime-local />
<Type d'entrée = soumettre une valeur = soumettre /
</ form>
Ce type est similaire au type de datatime, mais est utilisé pour saisir la date et l'heure locales.
L'effet de fonctionnement est le suivant:
5. Type de mois:
<formulaire
<entrée id = webjx_month name = webjx.com type = mois />
<Type d'entrée = soumettre une valeur = soumettre /
</ form>
Le mois est une zone de texte qui entre spécifiquement par mois. Dans le calendrier, vous ne pouvez sélectionner qu'un certain mois, pas un certain jour.
L'effet de fonctionnement est le suivant:
6. Type de semaine:
<formulaire
<entrée id = webjx_week name = webjx.com type = semaine />
<Type d'entrée = soumettre une valeur = soumettre /
</ form>
La semaine est une zone de texte spécialement utilisée pour entrer la semaine (semaine), et le numéro suivi de W indique combien de semaines cette semaine est cette année. Vous ne pouvez choisir qu'une semaine dans le calendrier, et vous ne pouvez pas choisir une certaine journée.
L'effet de fonctionnement est le suivant:
HTML5 a assez bien réussi à cet égard. Quant à la définition du style, tout le monde est invité à en discuter ici!