L'attribut type spécifie le type de l'élément d'entrée.
Remarque : Cet attribut n'est pas obligatoire, mais nous pensons que vous devriez toujours l'utiliser.
<!DOCTYPE html><html lang=en><head> <meta charset=UTF-8> <meta name=viewport content=width=device-width, initial-scale=1.0> <meta http-equiv=X-UA -Compatible content=ie=edge> <title>sélecteur de couleurs</title></head><body> <input type=color id=color></body><script> document.querySelector(#color).onchange = function () { document.getElementById('color').click(); // Un événement de clic doit être ajouté pour se déclencher, sinon le changement de couleur ne peut pas être déclenché en cliquant sur le bouton OK du document .body.style.background = this.value }</script></html> Jetons un coup d'œil à l'attribut de type HTML 5 <input>valeur d'attribut
| valeur | décrire |
|---|---|
| bouton | Définir des boutons cliquables (principalement utilisés avec JavaScript pour lancer des scripts) |
| case à cocher | Définir des cases à cocher. |
| couleur | Définissez le sélecteur de couleurs. |
| date | Définir les champs de date (avec contrôle du calendrier) |
| dateheure | Définir des champs de date (avec contrôles de calendrier et d'heure) |
| dateheure-local | Définir des champs de date (avec contrôles de calendrier et d'heure) |
| mois | Définir le mois du champ date (avec contrôle calendrier) |
| semaine | Définir la semaine du champ date (avec contrôle calendrier) |
| temps | Définir les heures, les minutes et les secondes d'un champ de date (avec contrôle de l'heure) |
| Définir le champ de texte utilisé pour les adresses e-mail | |
| déposer | Définir les champs de saisie et les boutons Parcourir... pour les téléchargements de fichiers |
| caché | Définir des champs de saisie masqués |
| image | Définir l'image comme bouton d'envoi |
| nombre | Définir un champ numérique avec un contrôle spinner |
| mot de passe | Définissez le champ du mot de passe. Les personnages sur le terrain sont masqués. |
| radio | Définir des boutons radio. |
| gamme | Définissez un champ numérique avec un contrôle de curseur. |
| réinitialiser | Définissez le bouton de réinitialisation. Le bouton de réinitialisation réinitialisera tous les champs du formulaire à leurs valeurs initiales. |
| recherche | Définissez le champ de texte utilisé pour la recherche. |
| soumettre | Définissez le bouton de soumission. Le bouton Soumettre envoie les données au serveur. |
| tél. | Définissez un champ de texte pour les numéros de téléphone. |
| texte | défaut. Définissez un champ de saisie sur une seule ligne dans lequel les utilisateurs peuvent saisir du texte. La valeur par défaut est de 20 caractères. |
| URL | Définit le champ de texte utilisé pour l'URL. |
Ce qui précède est l'exemple de code du nouveau sélecteur de couleurs d'attribut de type pour l'entrée HTML5 introduit par l'éditeur. J'espère qu'il vous sera utile. Si vous avez des questions, veuillez me laisser un message et l'éditeur vous répondra. temps. Je tiens également à remercier tout le monde pour votre soutien au site d'arts martiaux VeVb !