iT邦幫忙

2024 iThome 鐵人賽

DAY 12
0

今天要來介紹如何在網頁上寫入表單?

首先是<from>標籤

功用是輸入表單的資料,在其標籤內可以放入其他標籤。
以下介紹其屬性:
action表單送出後,將資料寄到後端程式或是某信箱。
method 設定表單資料傳遞方式,用get或是post傳值。

比較

  • Get 是使用url傳值,容易辨識其傳送的變數和值,但安全性較低,適合非重要性的資訊傳遞。
  • Post 是隱藏傳值,安全性較高,適合重要的資訊傳遞 (如:個資)。

<input>標籤

以下介紹type屬性:

  1. <input type="submit">
    送出按鈕,功用是將表單內的資料送到後端。
  2. <input type="reset">
    重置按鈕,功用是將表單內的資料恢復原本初始的樣子。
  3. <input type="text">
    以下介紹文字方塊的屬性:
    • size設定網頁文字方塊的長度。
    • required設定必填,不需要指定屬性值。
    • placeholder設定文字方塊的顯示資訊,當使用者輸入後則消失。
    • maxlength設定文字方塊最多輸入的字數。
    • readonly設定文字方塊只供閱讀,不需要指定屬性值。
  4. <input type="radio">
    功用是設定單選的選項。
    • value 寫入傳送到後端的值。
    • checked 設定預選的選項。
  5. <input type="checkbox">
    功用是設定多選的選項。

上一篇
Day11實作範例 &物件與腳本標籤
下一篇
Day13 表單標籤(下)
系列文
新手踏入網頁前端的世界30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言