html pattern input code example

Example 1: html textbox pattern mobile number

<input type="text" name="Phone Number" pattern="[7-9]{1}[0-9]{9}" 
       title="Phone number with 7-9 and remaing 9 digit with 0-9">

Example 2: input type file pattern attribute in html

<input type="file" name="my-image" id="image" accept="image/gif, image/jpeg, image/png" />
To select only image files, you can use this accept="image/*"

<input type="file" name="my-image" id="image" accept="image/*" />

Example 3: html5 input pattern name

echo '<input type="text" maxlength="32" name="first_name" pattern="[A-Za-z]{1,32}" value="'.$_SESSION['user_first_name'].'" required>';