6.3 HTML 5表单input类型

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">

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

微信扫一扫

微信扫一扫

微信扫一扫,分享到朋友圈

6.3 HTML 5表单input类型