HTML 5 基础教程

HTML是超文本标记语言，是一种专门用来制作网页的语言，而HTML5就是它的第五个版本，2014年10月29日，万维网联盟宣布，经过接近8年的艰苦努力，该标准规范终于制定完成，该标准针对当前互联网的飞速发展制定了更加标准的网页语言规范及适用功能，同时也给我们开发者带来了更多的开发选择，学习它是每个前端开发者必修的课程。

W3CAPI

2020-06-15 06:59:35

文档目录

我的书签

请登录

HTML5 Input输入类型实例

一、使用 Input 输入类型 email 来控制用户只能输入电子邮件地址

<form action="/" method="get">
    <p>电子邮件(E-mail): <input type="email" name="user_email" required="required" /></p>
    <p><button type="submit">点我提交</button></p>
</form>

执行一下

二、使用 Input 输入类型 url 来控制用户只能输入网页地址

<form action="/" method="get">
    <p>网站(Homepage): <input type="url" name="homepage" required="required" /></p>
    <p><button type="submit">点我提交</button></p>
</form>

执行一下

三、使用 Input 输入类型 number 来控制用户只能输入数字

<form action="/" method="get">
    <p>序号: <input type="number" name="index" required="required" /></p>
    <p><button type="submit">点我提交</button></p>
</form>

执行一下

四、使用 Input 输入类型 range 来控制用户只能输入规定范围内的数字

<form action="/" method="get">
    <p>1-10的数字: <input type="range" min="1" max="10" name="index" required="required" /></p>
    <p><button type="submit">点我提交</button></p>
</form>

执行一下

五、使用 Input 输入类型 datetime 来控制用户只能输入日期和时间

<form action="/" method="get">
    <p>月份: <input type="month" name="month" required="required" /></p>
    <p>周: <input type="week" name="week" required="required" /></p>
    <p>时间: <input type="time" name="time" required="required" /></p>
    <p>日期时间: <input type="datetime" name="datetime" required="required" /></p>
    <p>系统格式的日期时间: <input type="datetime-local" name="datetime-local" required="required" /></p>
    <p><button type="submit">点我提交</button></p>
</form>

执行一下

作者文档