Build a Better Mobile Input

By properly configuring a few key input attributes, you can make web forms much easier to use on mobile devices.

Experiment with different combinations of the related type and inputmode attributes, and make sure to specify an autocomplete attribute for an optimized user experience.

<input
  type="datetime-local"  
/>

<input
  type="datetime-local"  
/>

edit me

Edit type

Override mobile keyboard

Add autocomplete

Input: (as it renders on your current device)

This input has no explicit autocomplete prop. Add one by using the panel to the left.

ios

android