哇，input还能这么用

这里有10个重要的新的表单元素在HTML5中被介绍

• 如果你想显示颜色选择对话框

      <input type="color" name="favcolor" v-model="valueColor" @change="handleColorChange" />

• 如果你想显示日历对话框

      <input type="date" name="bday" />

• 如果你想显示含有本地时间的日历

      <input type="datetime-local" name="bdaytime" />

• 如果你想创建一个含有email校验的HTML文本框，我们可以设置类型为“email”

      <input type="email" name="email" />

• 对于URL验证设置类型为”url”，如下图显示的HTML代码

      <input type="url" name="sitename" />

• 如果你想用文本展示数字范围，你可以设置类型为“number”

      <input type="number" name="quantity" min="1" max="5" />

• 如果你想显示范围控制，你可以使用类型”range”

      <input type="range" min="0" max="10" step="2" value="6" />

• 想让文本框作为搜索引擎

      <input type="search" name="googleengine" />

• 想只能输入时间

      <input type="time" name="usr_time" />

• 如果你想使用文本框接受电话号码

      <input type="tel" name="mytel" />