ทำปุ่ม submit เป็นรูปภาพ ด้วย input image

ทำปุ่ม submit เป็นรูปภาพ ด้วย input image บทความนี้สอนวิธีการใช้งาน input type image ร่วบกับแท็ก form เพื่อทำปุ่ม submit เป็นรูปภาพ โดยกำหนดรูปภาพผ่าน attribute src สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง ทำปุ่ม submit เป็นรูปภาพ ด้วย input image

<form action="<?=$_SERVER['PHP_SELF'];?>" method="POST">
    คุณชื่ออะไร ?? <input type="text" name="name">
    <input type="image" value="blue" alt="blue" src="https://www.devdit.com/favicon-16x16.png">
</form>

<?php
    isset( $_POST['name'] ) ? $name = $_POST['name'] : $name = "";
    if( !empty( $name ) ) {
        echo "<div>ยินดีต้อนรับคุณ {$name}</div>";
    }
?>

ทำปุ่ม submit เป็นรูปภาพ จากตัวอย่างใช้แท็ก input type="image" และกำหนดที่อยู่ของรูปภาพที่ attribute src โดยเมื่อผู้ใช้กรอกข้อมูล และกดปุ่มรูปภาพดังกล่าวตัวแปร name ของ TextBox จะถูกส่งมาที่ PHP พร้อมกับรับค่าด้วย $_POST และแสดงผลลัพธ์ด้วยคำสั่ง echo