<p>input type="url", inputmode="email"のとき</p>
<input type="url" inputmode="email">

<p>input type="email", inputmode="url"のとき</p>
<input type="email" inputmode="url">

<p>input inputmode="url", type="email"のとき</p>
<input inputmode="url" type="email">

<p>input type="url", type="email"のとき</p>
<input type="url" type="email">

<p>input type="email", type="url"のとき</p>
<input type="email" type="url">

<p>input type="passsword", inputmode="none"のとき</p>
<input type="password" inputmode="none">

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.