程式語言教學誌 FB, YouTube: PYDOING: HTML 4.01 快速導覽

<form> 為區塊元素 (block element) ，用來處理表單。

起始標籤	結束標籤
需要	需要

<form> 有幾個屬性

屬性	值	Deprecated or Obsolete
action	網址
method	get post
enctype
accept-charset	字元編碼
accept		HTML 4 Obsolete
name
target	_self _blank _parent _top

<form> 的 action 屬性可以指定應用程式的網址，若有設定傳送按鈕，便可將資料傳送到相關伺服器進行計算。

例如以下為單選的表單

<html>
<head>
<title>網頁標題</title>
</head>
<body>
<form action="伺服器網址" method="post">
<fieldset>
 <legend>標題</legend>
 <label><input type="radio" name="1" />選項一</label><br / >
 <label><input type="radio" name="1" />選項二</label><br / >
 <label><input type="radio" name="1" />選項三</label><br / >
 <label><input type="radio" name="1" />選項四</label><br / >
 <label><input type="radio" name="1" />選項五</label><br / >
 <br / >
 <button type="reset">重設</button> 
 <button type="submit" >送出</button>
</fieldset>
</form>
</body>
</html>
 
<!-- 《程式語言教學誌》的範例程式
     http://pydoing.blogspot.com/
     檔名：formexample12.html
     功能：示範 HTML 4.01 標記語言的使用 
     作者：張凱慶
     時間：西元 2011 年 5 月 -->

利用瀏覽器 (broswer) 開啟，結果如下

單選就是只能選其中一個選項

以下為多選的表單

<html>
<head>
<title>網頁標題</title>
</head>
<body>
<form action="伺服器網址" method="post">
<fieldset>
 <legend>標題</legend>
 <label><input type="checkbox" name="1" />選項一</label><br / >
 <label><input type="checkbox" name="1" />選項二</label><br / >
 <label><input type="checkbox" name="1" />選項三</label><br / >
 <label><input type="checkbox" name="1" />選項四</label><br / >
 <label><input type="checkbox" name="1" />選項五</label><br / >
 <br / >
 <button type="reset">重設</button> 
 <button type="submit">送出</button>
</fieldset>
</form>
</body>
</html>
 
<!-- 《程式語言教學誌》的範例程式
     http://pydoing.blogspot.com/
     檔名：formexample12.html
     功能：示範 HTML 4.01 標記語言的使用 
     作者：張凱慶
     時間：西元 2011 年 5 月 -->