今天要來介紹如何在網頁上寫入表單?
首先是<from>
標籤
功用是輸入表單的資料,在其標籤內可以放入其他標籤。
以下介紹其屬性:
action表單送出後,將資料寄到後端程式或是某信箱。
method 設定表單資料傳遞方式,用get或是post傳值。
比較
- Get 是使用url傳值,容易辨識其傳送的變數和值,但安全性較低,適合非重要性的資訊傳遞。
- Post 是隱藏傳值,安全性較高,適合重要的資訊傳遞 (如:個資)。
<input>
標籤
以下介紹type屬性:
-
<input type="submit">
送出按鈕,功用是將表單內的資料送到後端。
-
<input type="reset">
重置按鈕,功用是將表單內的資料恢復原本初始的樣子。
-
<input type="text">
以下介紹文字方塊的屬性:
- size設定網頁文字方塊的長度。
- required設定必填,不需要指定屬性值。
- placeholder設定文字方塊的顯示資訊,當使用者輸入後則消失。
- maxlength設定文字方塊最多輸入的字數。
- readonly設定文字方塊只供閱讀,不需要指定屬性值。
-
<input type="radio">
功用是設定單選的選項。
- value 寫入傳送到後端的值。
- checked 設定預選的選項。
-
<input type="checkbox">
功用是設定多選的選項。