Comment définir une valeur par défaut pour «Type d'entrée = texte» sans utiliser d'attribut «valeur»?

Comment définir une valeur par défaut pour «Type d'entrée = texte» sans utiliser d'attribut «valeur»?

Les éléments HTML sont utilisés pour ajouter des fonctionnalités particulières aux pages Web. Par exemple, le «

»L'élément crée une table, le«»L'élément est utilisé pour ajouter un champ de saisie, et bien d'autres. Dans HTML, les attributs sont utilisés pour spécifier les informations supplémentaires aux éléments.

Ce message vous demandera comment définir une valeur par défaut pour «» sans utiliser l'attribut «valeur".

Avant de sauter dans la discussion, voyons d'abord comment utiliser l'attribut «Valeur» spécifié dans l'élément, qui est une meilleure option pour définir une valeur par défaut pour «l'élément».

Qu'est-ce que l'attribut HTML «Valeur»?

Dans HTML, le «valeur»L'attribut est utilisé pour définir la valeur par défaut de l'élément d'entrée.

Exemple

Le bloc de code suivant montre le "«Élément ayant les attributs« type »,« classe »et« valeur »:


Voici la description des attributs énoncés ci-dessus:

    • "taper»Attribut définit le type de champ de saisie, tel que CheckBox, Radio, Text ou plus.
    • "classe" et "identifiant»Les attributs sont définis pour accéder à l'élément de CSS ou JavaScript pour une manipulation supplémentaire.
    • "valeur”L'attribut définit la valeur par défaut.

Sortir


Ajoutons les styles CSS à l'élément «» pour le rendre présentable.

Classe de style «style entrée»

Le ".style entrée«Est utilisé pour accéder à la classe pour le style, et les propriétés suivantes y sont appliquées:

.style d'entrée
rembourrage: 10px;
taille de police: 20px;
Border-Radius: 10px;
Border: 1px RVB solide (204 203 203);
Box-Shadow: 1px 1Px 1PX 1PX RGB (204 203 203);


Ici:

    • "rembourrage"Ajoute de l'espace dans la bordure de l'élément.
    • "taille de police»Définit la taille de la police.
    • "rayon frontalier"Fait les bords de l'élément.
    • "frontière»Applique une bordure autour de l'élément.
    • "boîte ombre»Ajoute une ombre autour de l'élément. Il spécifie les valeurs de son décalage horizontal, de son décalage vertical, de son effet flou, de son effet de propagation et de sa couleur.

Sortir

Comment définir une valeur par défaut pour «Type d'entrée = texte» sans utiliser d'attribut «valeur»?

Dans HTML, il existe plusieurs façons de définir une valeur par défaut pour «Type d'entrée = texte". Certains d'entre eux sont énumérés ci-dessous:

    • Utilisation d'attribut «Payholder»
    • Utilisation de la propriété JavaScript «Valeur»
    • Utilisation de la méthode jQuery «Val ()»

Méthode 1: Comment définir une valeur par défaut pour «Type d'entrée = texte» à l'aide de l'attribut «Planholder» HTML?

La méthode pour définir la valeur par défaut pour le «"L'élément est le"espace réservé" attribut. Cet attribut est défini pour afficher le contenu de l'élément d'entrée:


Sortir


Jusqu'à présent, nous avons expliqué comment définir la valeur par défaut de l'élément «» dans HTML. Vous pouvez également spécifier la valeur par défaut à l'aide de JavaScript et JQuery. Discutons de ces approches une par une.

Méthode 2: Comment définir une valeur par défaut pour «Type d'entrée = texte» à l'aide de la propriété JavaScript «Valeur»?

Vous pouvez également déterminer la valeur par défaut d'un champ de saisie à l'aide de JavaScript. Pour inclure le code JavaScript dans HTML, ajoutez le «" Mots clés:


Dans le «»Tags, spécifiez le«document.getElementByid ()”Pour récupérer l'élément d'entrée par ID. Ensuite, ajoutez le «valeur”Propriété et définissez la valeur par défaut sur l'élément.

Sortir

Méthode 3: Comment spécifier une valeur par défaut pour «Type d'entrée = texte» à l'aide de la méthode jQuery «Val ()»?

Un autre moyen efficace de définir la valeur par défaut pour «Type d'entrée = texte» est le jQuery «val ()" méthode. JQuery est une bibliothèque JavaScript. Il doit télécharger jQuery avant d'utiliser ses méthodes ou l'inclut via CDN comme Google.

Pour le télécharger, visitez jQuery.com. Ensuite, spécifiez la référence dans le «»Section du HTML:




Pour inclure jQuery avec le CDN, spécifiez le code suivant:


En HTML, dans le ««Élément, ajoutez le«$ ()”Méthode avec l'ID d'un élément comme paramètre et récupérer l'élément. Ensuite, ajoutez le «.val ()”Méthode avec lui pour spécifier la valeur par défaut:

>$ ('# Exemple).val ('par défaut');


Sortir


On peut observer que la valeur par défaut du champ de saisie a été définie avec succès.

Conclusion

Dans HTML, pour définir une valeur par défaut pour «", le "valeur»L'attribut est utilisé. Cependant, plusieurs manières alternatives existent, comme l'utilisation du «espace réservé”Attribut, code JavaScript et méthodes jQuery. Pour ajouter le code JavaScript et jQuery dans HTML, spécifiez le «" Mots clés. Le "valeur»Propriété en JavaScript et«val ()«La méthode de jQuery est utilisée pour définir la valeur par défaut. Ce message a expliqué les méthodes pour définir la valeur par défaut pour «» sans utiliser l'attribut «valeur».