Bagaimana untuk mengehadkan kotak input HTML untuk hanya menerima input angka?-html tutorial-php.cn

Bagaimana untuk mengehadkan kotak input HTML untuk hanya menerima input angka?

Dalam artikel ini, kita akan belajar cara menyekat kotak input HTML supaya ia hanya menerima input angka.

Kami menggunakanuntuk mengehadkan kotak input HTML supaya ia hanya menerima input angka

Sintaks

Berikut ialah sintaks untuk mengehadkan kotak input HTML untuk hanya menerima input angka.

Salin selepas log masuk

Contoh

Berikut ialah contoh program untuk mengehadkan kotak input HTML untuk hanya menerima input angka -

        
  Tutorialspoint
  Enter your Mobile number -  

 Enter your area Pincode -

Salin selepas log masuk

Jika kita cuba memasukkan sebarang nilai selain daripada nombor, ia tidak akan dibenarkan. Oleh itu, ia hanya membenarkan nilai berangka.

Contoh

Berikut ialah satu lagi contoh program untuk mengehadkan kotak input HTML supaya ia hanya menerima input angka -

      
   Phone Number:

Salin selepas log masuk

Selepas mengehadkan kotak input kepada nombor, jika pengguna memasukkan teks dan tekan butang hantar, maka perkara berikut boleh dilihat "Sila masukkan nombor."

Kami juga boleh mengehadkan nilai medan input nombor.

Selepas mengehadkan kotak input kepada nombor, jika pengguna memasukkan nilai yang lebih besar daripada nilai had dan mengklik butang hantar, kandungan berikut akan dipaparkan: "Nilai mestilah kurang daripada atau sama dengan nilai had yang ditentukan (20) "

Contoh

Berikut ialah satu lagi contoh program untuk mengehadkan kotak input HTML supaya ia hanya menerima input angka -

      
   Select the quantity, and we cannot deliver more than 5.

 Pizza
 Burger
 Garlic Bread
 Pepsi

Salin selepas log masuk

Jika anda menyusun dan menjalankan kod di atas, ia akan menunjukkan 4 kotak dan anda boleh menetapkan had dari nilai minimum 0 hingga nilai maksimum 5.

Atas ialah kandungan terperinci Bagaimana untuk mengehadkan kotak input HTML untuk hanya menerima input angka?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!