阿摩線上測驗 登入

申論題資訊

試卷:109年 - 109 關務特考_四等_資訊處理:程式設計概要#86495
科目:程式設計
年份:109年
排序:0

題組內容

四、請說明下列常見 html tag 的用途為何並顯示結果?(20 分)

申論題內容

(四) <form method=post action="/cgibin/example.cgi">
Select an option:<br>
<input type="radio" name="option"> A
<input type="radio" name="option" checked> B
<input type="radio" name="option"> C

詳解 (共 1 筆)

詳解 提供者:hchungw

這段 HTML 代碼定義了一個表單(<form>),其中包含三個單選按鈕(<input type="radio">),用於在 A、B 和 C 中選擇一個選項。單選按鈕的 name 屬性為 "option",這意味著這三個按鈕屬於同一組,只能選擇其中一個。其中的 B 選項被設置為預選(checked 屬性),這意味著當表單初始顯示時,B 將是被選中的選項。
<form> 標籤的 method 屬性設置為 "post",這指定了當表單提交時,表單數據應該如何發送到服務器。在這種情況下,它們會作為 HTTP POST 請求的一部分發送。action 屬性指定了提交表單數據時應當去的 URL(在這個例子中是 "/cgibin/example.cgi"),這通常會是一個伺服器端的腳本或一個可以處理表單數據的 API 端點。
<br> 標籤則用來在網頁上創建一個簡單的換行,用於視覺上分隔 "Select an option:" 文本和單選按鈕。
這個表單在網頁上的效果大概會是這樣:
Select an option:<br>
( ) A
(•) B
( ) C
其中 "B" 選項是被預先選中的。請注意,在實際的 HTML 中,應該使用 <label> 標籤來關聯每個 <input> 元素和它的描述文本,這樣可以提升無障礙訪問性和表單的易用性。