Maison > interface Web > tutoriel HTML > Comment ajouter un sélecteur de couleurs au formulaire HTML ?

Comment ajouter un sélecteur de couleurs au formulaire HTML ?

WBOY
Libérer: 2023-08-31 09:29:09
avant
1290 Les gens l'ont consulté

Comment ajouter un sélecteur de couleurs au formulaire HTML ?

HTML, qui signifie Hypertext Markup Language, est une combinaison d'hypertexte et de langage de balisage que nous pouvons utiliser pour créer des pages Web et leur contenu. Cet article vous montrera comment ajouter un sélecteur de couleurs en utilisant HTML.

Grammaire

For Output Code pre class
Copier après la connexion

Les balises sont des éléments interactifs en HTML dont le but principal est d'obtenir différentes formes de saisie de la part de l'utilisateur. L'attribut type de la balise spécifie le type d'entrée que l'utilisateur doit saisir.

Méthode

Nous utiliserons la balise . Pour ce faire, nous allons créer une balise d'entrée dans le formulaire et définir l'attribut type sur color.

Exemple

Étape 1 - Tout d'abord, nous définirons le code HTML de base.

<!DOCTYPE html>
<html>
<head>
   <title>How to add color picker in a form using HTML?</title>
</head>
<body>
   <h4>How to add color picker in a form using HTML?</h4>
</body>
</html>
Copier après la connexion

Étape 2 - Nous allons maintenant ajouter les éléments du formulaire.

<form>
   <label>Choose Colour</label>
   <input type="color"/>
</form>
Copier après la connexion

Voici le code complet -

<!DOCTYPE html>
<html>
<head>
   <title>How to add a color picker in a form using HTML?</title>
</head>
<body>
   <h4>How to add a color picker in a form using HTML?</h4>
   <form>
      <label>Choose Colour</label>
      <input type="color" />
   </form>
</body>
</html>
Copier après la connexion

Conclusion

Dans cet article, nous avons découvert les balises . Plus tard, nous avons également examiné comment ajouter un sélecteur de couleurs à un élément de formulaire HTML à l'aide de la balise .

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!

Étiquettes associées:
source:tutorialspoint.com
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal