HTML inputmode属性与软键盘测试实例页面

回到相关文章 »

效果：

type="number"

type="number" step="0.1"

typemode="decimal"

typemode="numeric"

typemode="none"

div typemode="numeric"

//zxx: 观察弹起的软键盘内容

代码：

HTML代码：

<h4>type="number"</h4>
<input type="number">

<h4>type="number" step="0.1"</h4>
<input type="number" step="0.1">

<h4>typemode="decimal"</h4>
<input typemode="decimal">

<h4>typemode="numeric"</h4>
<input typemode="numeric">

<h4>typemode="none"</h4>
<input typemode="none" placeholder="不弹出键盘">

<h4>div typemode="numeric"</h4>
<div typemode="numeric" contenteditable="plaintext-only"></div>