[問題] 有沒有辦法把input image當作選項使用?

看板Web_Design作者 (戰乙女)時間12年前 (2013/12/21 21:49), 編輯推噓1(105)
留言6則, 2人參與, 最新討論串1/1
各位好,第一次在板上發言。 最近在練習寫form,有一個問題想跟各位請教一下,如果有佔到版面請見諒。 我現在想要做的事情是, 我準備了數個<input type="image"></input>, 使用者會從當中選出一個,然後按下submit的時候跟其他資料一起提交出去。 請問我應該需要做些什麼事情才對呢? 比方說用radio或check的時候,只要選了選項,他並不會做sumbit的動作, 會在sumbit的時候把value交出去這樣,我想做這樣的事情。 上述的作法可能不是很好的做法, 因為實際上我這個功能原本只是要使用者選一張圖, 然後用cgi來接收使用者選的圖是哪張並在下一個網頁顯示結果而已。 隨便用個button來做就可以了,跟form其實沒啥關係。 但因為作業規定要使用form,所以我有點算是把這個東西硬是用FORM來做, 再加上作業再過幾天就是期限, 可以的話,至少交這份作業的時候就使用這個方法就好... 是否有高手可以提示我一下呢?感激不盡。 另外我好奇的是,如果input image/button這兩個tag沒辦法做到我想做的事情 那他們的存在的目的不就跟form沒有什麼關聯了嗎? 所以反過來想他們應該可以當作是form的一部分才對啊? 總而言之先謝謝各位了。 -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 133.51.82.249 ※ 編輯: davidwu0123 來自: 133.51.82.249 (12/21 21:49)

12/21 22:39, , 1F
http://ppt.cc/QA~J 提供參考 基本上想法是把圖片設成
12/21 22:39, 1F

12/21 22:39, , 2F
radio 的對應 label, 然後為了畫面再把 radio 藏起來這樣
12/21 22:39, 2F

12/21 23:04, , 3F
啊 這樣子啊 一開始一直想有image就用image來做..
12/21 23:04, 3F

12/21 23:05, , 4F
剛才試了下 解決了 感謝你!
12/21 23:05, 4F

12/21 23:14, , 5F
應該是因為一開想到假設隱藏了radio 就會點不到
12/21 23:14, 5F

12/21 23:15, , 6F
所以必須額外寫段js讓點圖片等於點選項 但沒想到怎寫
12/21 23:15, 6F
文章代碼(AID): #1IjPnD-I (Web_Design)