如何自定义新的HTML5输入类型,如数量,时间等?

时间:2013-06-20 07:29:30

标签: html5

我是否可以控制这些字段,

  • 我可以将<input type='number'>递增和递减100而不是默认值1?
  • 我可以移除<input type='time'>
  • 的AM / PM部分

1 个答案:

答案 0 :(得分:2)

“数字”输入:

<input type="number" step="100" min="0" max="300" />

step="xxx"其中xxx是您要增加或减少的金额。 min="yyy"其中yyy是最小值,max="zzz"其中zzz是最大值。一些方便的属性要知道。

小提琴:

http://jsfiddle.net/BHg5n/

“时间”输入:

从浏览器到浏览器的时间不同,这是一个耻辱,没有任何属性可以控制时间输入一致。我建议不要使用它。

你可能想要查看这个问题,它解释得更好一点:

html5 time inputs shows 12 hours