Borang HTML

Bagaimanakah tapak web berinteraksi dengan pengguna? Jawapannya ialah menggunakan borang HTML. Borang boleh menghantar data yang dimasukkan oleh penonton ke pelayan, supaya program sebelah pelayan boleh memproses data yang diluluskan oleh borang.

Tatabahasa:

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

Penjelasan:

1.<form>: <form> tag muncul secara berpasangan, bermula dengan <form> /form>Tamat.

2.tindakan: Tempat di mana data yang dimasukkan oleh penonton dihantar, seperti halaman PHP (save.php).

3.kaedah: Kaedah penghantaran data (dapat/pos).

<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>

Nota:

1. Semua kawalan borang (kotak teks, medan teks, butang, kotak radio, kotak semak, dll.) mesti diletakkan. Di antara teg <form></form> (jika tidak, maklumat yang dimasukkan oleh pengguna mungkin tidak diserahkan kepada pelayan!).

2. Perbezaan antara kaedah: post/get Bahagian ini perlu dipertimbangkan oleh pengaturcara bahagian belakang. Rakan-rakan yang berminat boleh menyemak wiki bahagian ini, yang mempunyai pengenalan terperinci.

Meneruskan pembelajaran
||
<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>
  • Cadangan kursus
  • Muat turun perisian kursus