Web前端开发简明教程
首页 > Web前端开发简明教程 > 6.3 HTML 5表单input类型

6.3 HTML 5表单input类型

2020-10-12 17:35:25 32 0

编辑 收藏

6.3 HTML 5表单input类型

HTML 5拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证。date类型允许从一个日期选择器选择一个日期:

生日: <input type="date" name="bday">

datetime类型允许选择一个日期(UTC时间):

生日(日期和时间): <input type="datetime-local" name="bdaytime">

email类型用于应该包含e-mail地址的输入域:

E-mail: <input type="email" name="email">

month类型允许选择一个月份:

生日(月和年): <input type="month" name="bdaymonth">

range类型用于应该包含一定范围内数值的输入域,range类型显示为滑动条:

<input type="range" name="points" min="1" max="10">

url类型用于应该包含URL地址的输入域,在提交表单时,会自动验证url域的值:

添加您的主页: <input type="url" name="homepage">

TAGS:前端教程

取消回复欢迎 发表评论: