iT邦幫忙

DAY 1
5

網頁開發五四三系列 第 1

介紹 HTML type="image" 取 click X,Y 座標

分享介紹 HTML 的 type="image" 元件使用
HTML 的 type="image" 是一個很基本的東西,但最近看到關於它的介紹,原來它傳送到 Server 端,是提供 click 該 image 的 X,Y 座標

先提供一張圖片,做為 image 元件的來源

以下只是簡單的一個表單,裡面放 image 元件資料

<form action="show.php" method="POST" name="frm_find">
    <input name="btnImg" type="image" src="grid.png" />
</form>

那麼在 Server 端 ( 以 PHP 為例 ) 來顯示 $_POST 的資料

printf("%s" , print_r($_POST, true));

操作方式:
在表單頁面,可以點擊任何一個位置,則會在 Server 的 $_POST 得到點擊的座標

Array
(
    [btnImg_x] => 104
    [btnImg_y] => 51
)

好像有些銀行在登入時,也會利用這樣子的方式來檢查是否為 BOT 登入

除了常用的驗證碼,好像也可以使用這種方式,加以判斷.


下一篇
利用 GD 產生圖片,提供 HTML type="image" 使用
系列文
網頁開發五四三12
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
總裁
iT邦好手 1 級 ‧ 2013-09-16 16:31:23

沙發

拍手拍手拍手

我要留言

立即登入留言