iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 10
0
自我挑戰組

基礎中的基礎系列系列 第 10

基礎中的基礎系列之form,input

  • 分享至 

  • xImage
  •  

HTML 表單 (form)
HTML 表單 (form) 是用來讓使用者輸入資料,這些資料可以用來和使用者互動,例如表單內容填完後可以傳回遠端伺服器 (web server),像常見的連絡表單。

<form> 標籤上面重要的屬性 (attribute):

action: 用來指定一個位址 (URL),這個位址是告訴瀏覽器 (browser) 當 user 按送出表單後,要將表格的內容送去哪邊。

method: 用來指定資料傳輸時用的 HTTP 協議,最常用的是 getpost
get: 會將表單資料放在 form action 請求的位址 URL 網址參數列 (URL GET parameters) 上面送出。get 通常用在資料量較小或非敏感的資料,因為資料會被放在網址中直接傳出,容易被直接看到資料。
post: 會將表單資料放在 HTTP 傳輸封包 body 中送出。post 通常用在表單資料量比較大、有夾帶檔案上傳 (file upload) 或隱私性考量的資料。

target: 用來指定瀏覽器要在何處顯示表單送出後伺服器回應的結果。值有這些選項:
_self: 顯示在表單所在的當前視窗
_blank: 顯示在新頁籤/視窗
_parent: 顯示在上一層的視窗 (用在例如如果表單是放在 中)
_top: 顯示在最頂層的視窗

autocomplete: 指示這個表單中的欄位是否啟用瀏覽器自動完成機制。值有這些選項:
off: 否
on: 是,預設值


上一篇
基礎中的基礎系列之偽元素,偽類
下一篇
基礎中的基礎之css環境設立
系列文
基礎中的基礎系列30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言