Mobile Web – Preventing the Keyboard from Popping Up

On a mobile device (such as iOs) when a user touches an input the soft keyboard pops up. In some cases, like with a datepicker, you don’t want the soft keyboard to pop up. (The datepicker is a pop-up which has it’s own buttons and selects, so you don’t need the keyboard.) After trying a few things I found the best way to prevent the keyboard from appearing is to add the “readonly” property to the input.

Also check out these related discussions for more info:
Preventing the keyboard from popping up
Input with Readonly