Maison > interface Web > js tutoriel > le corps du texte

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

不言
Libérer: 2018-12-15 17:08:56
original
11317 Les gens l'ont consulté

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>
Copier après la connexion

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>
Copier après la connexion

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>
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
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
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!