input type

写法1: 非表单中的 input

<div><input type="text"/></div>

写法2: 没有 action 的 type="text"

<form><input type="text"/></form>

写法3: input type="text"

<form action="#"><input type="text"/></form>

写法4: input type="search"

<form action="#"><input type="search"/></form>

写法5: input type="number"

<form action="#"><input type="number"/></form>

写法6: input type="tel"

<form action="#"><input type="tel"/></form>

写法7: input type="url"

<form action="#"><input type="url"/></form>

写法8: input type="email"

<form action="#"><input type="email"/></form>

写法9: input type="password"

<form action="#"><input type="password"/></form>

input inputmode

写法1: input inputmode="none"

<form action="#"><input type="text" inputmode="none"/></form>

写法2: input inputmode="text"

<form action="#"><input type="text" inputmode="text"/></form>

写法3: input inputmode="decimal"

<form action="#"><input type="text" inputmode="decimal"/></form>

写法4: input inputmode="numeric"

<form action="#"><input type="text" inputmode="numeric"/></form>

写法5: input inputmode="tel"

<form action="#"><input type="text" inputmode="tel"/></form>

写法6: input inputmode="search"

<form action="#"><input type="text" inputmode="search"/></form>

写法7: input inputmode="email"

<form action="#"><input type="text" inputmode="email"/></form>

写法8: input inputmode="url"

<form action="#"><input type="text" inputmode="url"/></form>

input type 与 inputmode 混用

<form action="#"><input type="number" inputmode="decimal"/></form>

<form action="#"><input type="search" inputmode="url"/></form>

<form action="#"><input type="tel" inputmode="url"/></form>

<form action="#"><input type="url" inputmode="tel"/></form>