Textbox ใส่เฉพาะตัวเลข PHP ด้วย type number HTML5

4.3K

สอนเขียนโค้ดสร้าง Textbox ให้ใส่ได้เฉพาะตัวเลข ของภาษา PHP ด้วยการกำหนด attribute type เท่ากับ number ซึ่งเป็น attribute ของภาษา HTML5 ทำให้ TextBox ดังกล่าวรองรับเฉพาะตัวเลขเท่านั้น สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่างที่ 1 Textbox ใส่เฉพาะตัวเลข PHP ด้วย type number HTML5

<input type="number" name="number">

ตัวอย่างที่ 2 ส่งค่าจาก Textbox ใส่เฉพาะตัวเลข PHP

<!DOCTYPE html>
<form action="<?=$_SERVER['PHP_SELF'];?>" method="POST">
    กรุณากรอกตัวเลข<br/>
    <input type="number" name="number">
    <input type="submit" value="ตกลง">
</form>
</html>

<?php
    isset( $_POST['number'] ) ? $number = $_POST['number'] : $number = "";
    if( !empty( $number ) ) {
        echo "ตัวแปร number = ".$number;
    }
?>

ผลลัพธ์

ตัวแปร number = 100

คำอธิบาย

1. สร้าง TextBox กำหนด attribute name เท่ากับ number ซึ่งใส่ได้เฉพาะตัวเลข

2. เมื่อผู้ใช้งานกดปุ่ม submit ตัวแปร number จะถูกส่งไปให้ภาษา PHP

3. ภาษา PHP รับค่าตัวแปร number และแสดงผลลัพธ์ออกมา

PHP HTML5 TextBox number

Echo

แก้ไข 3 ปีที่แล้ว

ชอบ

ลิ้งก์

แชร์

Devdit มีช่อง YouTube แล้ว

เราสร้างวิดีโอเกี่ยวกับเทคโนโลยี ทำตามง่ายๆ

เนื้อหาแนะนำ