前端基础（二十八、HTML5 form表单）

前言

HTML5 是 HTML 的下一个版本，其中新增了许多新特性、新元素等。

form表单

在我的 前端基础（一.HTML）这篇文章中已经介绍过form表单，但在 HTML5 中又新增了一些新特性，常用的如新增的 <input> 类型：

• date：可以选取日期，会弹出日历
• emali：在提交表单时会验证 email 域的值
• url：在提交表单时会验证 url 域的值
• number：可以通过上下键调节数字大小，还可以设置最大值与最小值，且只允许输入数字
• search：显示为常规文本域

    <form action="javascript:void(0);">
        日期：<input type="date">
        电子邮件：<input type="email">
        链接：<input type="url">
        数字：<input type="number" min="0" max="10">
        查找：<input type="search">
        —————————
        <input type="submit" value="提交">
    </form>

以上为本萌新个人总结，如有不当之处望指正，有问题可以联系
邮箱：yuna_03@163.com或
QQ：2635591841

更于2021.2.24