Formulaire HTML

Comment le site Web interagit-il avec les utilisateurs ? La réponse est d'utiliser des formulaires HTML. Le formulaire peut transmettre les données saisies par le spectateur au serveur, afin que le programme côté serveur puisse traiter les données transmises par le formulaire.

Grammaire :

<form   method="传送方式"   action="服务器文件">

Explication :

1.<form> : les balises <form> apparaissent par paires, commençant par <form> /formulaire>Fin.

2.action : L'endroit où les données saisies par le spectateur sont envoyées, comme une page PHP (save.php).

3.method : La méthode de transmission des données (get/post).

<form    method="post"   action="save.php">
        <label for="username">用户名:</label>
        <input type="text" name="username" />
        <label for="pass">密码:</label>
        <input type="password" name="pass" />
</form>

Remarque :

1. Tous les contrôles de formulaire (zones de texte, champs de texte, boutons, cases radio, cases à cocher, etc.) doivent être placés. Entre les balises <form></form> (sinon les informations saisies par l'utilisateur risquent de ne pas être soumises au serveur !).

2. La différence entre la méthode : post/get Cette partie est une question à prendre en compte par les programmeurs back-end. Les amis intéressés peuvent consulter le wiki de cette section, qui contient une introduction détaillée.

Formation continue
||
<html> <head> <style> div#container{width:1000px} div#header {background-color: royalblue ;height: 100px;text-align:center;font-size: 20px} div#sidebar{background-color: darkorange;height:400px;width:300px;float:left;} div#mainbody {background-color: forestgreen;height:400px;width:700px;float:left;} div#footer {background-color: powderblue;height: 100px;clear:both;text-align:center;} </style> </head> <body> <div id="container"> <div id="header"> <h1>php中文网</h1> </div> <div id="sidebar"> <dl> <dt>list of book</dt> <dd> <ol> <li>hadoop</li> <li>linux</li> <li>c</li> </ol> </dd> </dl> </div> <div id="mainbody"> <h1>the summary of the book</h1> <p>i will lead you to travel in the season of linux</p> <form> <input type="checkbox" name="married" /> married <br/> <input type="checkbox" name="have a job" /> have a job <br/> <input type="checkbox" name="chinese" /> chinese </form> </div> <div id="footer">good good study day day up</div> </div> </body> </html>
soumettreRéinitialiser le code
  • Recommandations de cours
  • Téléchargement du didacticiel