分享介紹 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 登入
除了常用的驗證碼,好像也可以使用這種方式,加以判斷.