HTML表單

網站如何與使用者互動?答案是使用HTML表單(form)。表單是可以把瀏覽者輸入的資料傳送到伺服器端,這樣伺服器端程式就可以處理表單傳過來的資料。

語法:

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

講解:

1.<form> :<form>標籤是成對出現的,以<form>開始,以< ;/form>結束。

2.action :瀏覽者輸入的資料傳送到的地方,例如一個PHP頁面(save.php)。

3.method : 資料傳送的方式(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>

注意:

1、所有表單控制項(文字方塊、文字網域、按鈕、單選方塊、核取方塊等)都必須放在<form></form> 標籤之間(否則使用者輸入的資訊可提交不到伺服器上喔!)。

2、method : post/get 的差異這一部分內容屬於後端程式設計師所考慮的問題。有興趣的朋友可以查看本小節的 wiki,裡面有詳細介紹。

繼續學習
||
<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>