Accueil » Connaissances » Exercices » JavaScript » Affichage d'un formulaire avec un champ texte

JavaScript

Dernière mise à jour : 26/05/2016

Affichage d'un formulaire avec un champ texte

Énoncé

Écrivez un script qui affiche un formulaire avec un champ texte. Écrivez ensuite dans ce champ le message "Vous avez réussi votre exercice".

Solution

Fichier "js/script.js"

document.writeln('<form id="myForm">');
document.writeln('<div>');
document.writeln('<label for="myField">Champ&nbsp;:</label>');
document.writeln('<input type="text" id="myField" size="60">');
document.writeln('</div>');
document.writeln('</form>');

document.getElementById('myField').value="Vous avez réussi votre exercice";

Fichier "index.html"

<!DOCTYPE html>
<html lang="fr">
  <head>
    <meta author="Sébastien Adam">
    <meta charset="UTF-8">
    <meta name="language" content="fr">
    <title>Affichage d'un formulaire avec un champ texte</title>
  </head>
  <body>
    <div>
      <script type="text/javascript" src="js/script.js"></script>
    </div>
  </body>
</html>

© Sébastien Adam 1996 ~ 2024 - https://www.sebastienadam.be/ - Licence Creative Commons.