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="month"
  autocomplete="sex"  
/>

<input
  type="month"
  autocomplete="sex"  
/>

edit me

Edit type

Override mobile keyboard

Edit autocomplete

Input: (as it renders on your current device)

This input will autocomplete with the value: sex

A gender identity (such as "Female", "Fa'afafine", "Male"), as freeform text without newlines.

source

ios

android