Explication détaillée de la méthode de saisie javascript

La méthode input() en JavaScript est un moyen simple d'obtenir les entrées de l'utilisateur. Il vous permet d'obtenir une valeur de l'utilisateur dans un programme JavaScript et de la stocker dans une variable. Cet article présentera la méthode input() en détail et fournira un exemple de code pour son utilisation.

Présentation de la méthode Input()

Avant d'utiliser la méthode input(), vous devez comprendre une autre méthode en JavaScript - prompt(). La méthode prompt() affiche une boîte de dialogue contenant une zone de saisie de texte et des boutons confirmer/annuler. Là, l'utilisateur peut saisir du texte et appuyer sur le bouton de confirmation pour transmettre la valeur au programme JavaScript.

En revanche, la méthode input() crée un élément d'entrée HTML dans une page Web, permettant aux utilisateurs de saisir du texte directement dans la page. Cet élément d'entrée peut être n'importe quel type d'élément de formulaire tel qu'une zone de texte, un bouton radio, une case à cocher, une liste déroulante, etc. La syntaxe de la méthode input() est la suivante :

input(type, promptText, defaultText, callback)

La signification de chaque paramètre est :

• type : indique le type de l'élément d'entrée, qui peut être "texte", "mot de passe", "case à cocher", " radio", "portée", "couleur", "date", etc.
• promptText : représente le texte d'invite de l'élément d'entrée.
• defaultText : Représente le texte par défaut de l'élément d'entrée Si l'utilisateur ne saisit rien, ce texte est utilisé par défaut.
• callback : indique la fonction de rappel spécifiée. Lorsque l'utilisateur termine la saisie et appuie sur la touche Entrée, cette fonction sera appelée et la valeur saisie par l'utilisateur sera transmise.

Remarque : Cette méthode renvoie une référence à l'élément d'entrée HTML, qui peut être utilisée pour manipuler davantage l'élément.

Exemple de méthode input()

Voici un exemple simple qui montre comment utiliser la méthode input() pour obtenir une saisie de texte de l'utilisateur et la stocker dans une variable :

let userName = input('text', '请输入您的姓名：', '张三', function (value) {
    console.log('欢迎您，' + value + '！');
});

Dans cet exemple, nous définissons d'abord une variable nommé "userName" et initialisez-le à la valeur de retour de la méthode input(). Ensuite, nous avons spécifié le type d'élément d'entrée comme « texte » dans la méthode, le texte d'invite comme « Veuillez entrer votre nom : », le texte par défaut comme « Zhang San » et avons spécifié une fonction de rappel. La fonction de rappel sera appelée lorsque l'utilisateur terminera la saisie et appuiera sur la touche Entrée, transmettant la valeur saisie par l'utilisateur en tant que paramètre à la fonction.

Lorsque vous envisagez l'utilisation de la méthode input(), vous devez également faire attention aux points suivants :

• Lorsque l'utilisateur appuie sur la touche Entrée, la fonction de rappel sera appelée. Dans la fonction de rappel, vous pouvez effectuer n'importe quelle opération basée sur la valeur saisie par l'utilisateur, comme la stocker dans une variable, effectuer des calculs, etc. L'élément d'entrée créé par la méthode
• input() est affiché sur la page et l'utilisateur peut interagir avec lui. Par conséquent, vous devez considérer l’emplacement et l’heure appropriés pour appeler la méthode input() afin de maximiser la confidentialité et la sécurité des utilisateurs.
• La méthode input() ne fonctionne que dans les environnements de navigateur et ne peut pas être utilisée dans le code JavaScript côté serveur.

Conclusion

La méthode input() est un moyen pratique d'obtenir les valeurs d'entrée de l'utilisateur. Qu'il s'agisse d'une saisie de texte, d'un bouton de sélection ou d'une liste déroulante, cette méthode crée l'élément d'entrée correspondant. La fonction de rappel par défaut pour un bouton d'annulation ou de confirmation est automatiquement appelée lorsque l'utilisateur termine la saisie. De plus, cette méthode fournit des propriétés supplémentaires pour vous aider à mieux ajuster l'apparence et le comportement de l'élément d'entrée que vous créez.

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!