title: accept only number in input text box without using script
body: <p>How to allow only number in input text box</p>
  
  <pre><code>&lt;input type="text" name="price" id="input-country" required placeholder="Enter Your Price" accept="number"&gt;
  </code></pre>
  
  <p>i used the above method but its not working 
  when i use only allowed type in image input i use the following method</p>
  
  <pre><code>&lt;input type="file" class="custom-file-input" accept="image/x-png, image/gif, image/jpeg"&gt;
  </code></pre>
  
  <p>this method works fine 
  in same way how to allow only number
  and how to allow only text, and protect form SQL injection</p>