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

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

WBOY
WBOYavant
2023-08-31 09:29:091174parcourir

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

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>

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

<form>
   <label>Choose Colour</label>
   <input type="color"/>
</form>

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>

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!

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer