HTML 4.01 快速導覽 - 表單 <form>

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

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


<form> 有幾個屬性
屬性Deprecated or Obsolete
action網址
methodget
post
enctype
accept-charset字元編碼
acceptHTML 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 月 -->


如下



多選就是可以選取超過一個以上的選項



中英文術語對照
區塊元素block element
瀏覽器broswer


您可以繼續參考



相關目錄
HTML 4.01 快速導覽 - 目錄
HTML, CSS 教材
首頁


參考資料

沒有留言: