recherche

Maison  >  Article  >  interface Web  >  Comment implémenter une boîte de dialogue de saisie à l'aide de JavaScript

Comment implémenter une boîte de dialogue de saisie à l'aide de JavaScript

不言
不言original
2018-12-15 17:08:5611337parcourir

Parfois, lorsque nous enregistrons les informations utilisateur sur la page Web, une fenêtre contextuelle apparaît pour vous inviter à saisir le contenu pour confirmer. Alors, comment une telle boîte de dialogue de saisie est-elle mise en œuvre ? Cet article explique comment utiliser Comment implémenter une boîte de dialogue de saisie à laide de Comment implémenter une boîte de dialogue de saisie à laide de JavaScript pour implémenter des boîtes de dialogue de saisie.

Comment implémenter une boîte de dialogue de saisie à laide de Comment implémenter une boîte de dialogue de saisie à laide de JavaScript

Nous pouvons afficher la boîte de dialogue de saisie en utilisant l'invite

Pour afficher la boîte de dialogue de saisie en Comment implémenter une boîte de dialogue de saisie à laide de Comment implémenter une boîte de dialogue de saisie à laide de JavaScript, utilisez simplement l'invite et écrivez simplement le code suivant. 

<script>  
var 变量 = prompt("需要显示的字符串和值");
document.write(变量);
</script>

Regardons un exemple spécifique

<!DOCTYPE html>
<html lang = "ja">
  <head>
    <meta charset = "utf-8">
    <title>Comment implémenter une boîte de dialogue de saisie à laide de Comment implémenter une boîte de dialogue de saisie à laide de JavaScript</title>
  </head>
  <body>
    <script>
      var name = prompt("请输入您的姓名");
      document.write(name);
    </script>
  </body>
</html>

L'effet de l'opération est le suivant : une boîte de dialogue apparaîtra

Comment implémenter une boîte de dialogue de saisie à laide de Comment implémenter une boîte de dialogue de saisie à laide de JavaScript

Entrez le nom dans la zone de texte

Comment implémenter une boîte de dialogue de saisie à laide de JavaScript

Cliquez sur le bouton OK, la boîte de dialogue disparaîtra et la page affichera les résultats suivants

Comment implémenter une boîte de dialogue de saisie à l'aide de JavaScript

Cliquez sur le bouton Annuler Affichera null sur la page

Comment implémenter une boîte de dialogue de saisie à laide de JavaScript

Vous pouvez définir la valeur initiale dans la boîte de dialogue

Sous invite, vous pouvez saisir une chaîne ou une valeur (valeur initiale) à partir de zéro dans le champ de saisie de la boîte de dialogue de saisie

Le spécifique le code est le suivant

<script>
      var name = prompt("请输入您的姓名","California");
      document.write(name);
    </script>

Résultats d'exécution comme suit

Comment implémenter une boîte de dialogue de saisie à laide de JavaScript

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!

JavaScript NULL 字符串 prompt
Déclaration：
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
Article précédent：Comment utiliser les opérateurs arithmétiques en JavaScriptArticle suivant：Comment utiliser les opérateurs arithmétiques en JavaScript

Articles Liés

Voir plus