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>
預覽
Clear
- 課程推薦
- 課件下載
課件暫不提供下載，工作人員正在整理中，後期請多關注該課程~ 