HTML5表单

        数字输入框：
        <input type="number" min="0" max="100" step="5" value=""><br>

        邮箱：
        <input type="email" name="email" id=""><br>
        <!-- 手机号
        <input type="tel" name="tel"><br> -->
        地址：
        <input type="url" name="url" id=""><br>
        日期：
        <input type="date" name="" id=""><br>
        日期时间：
        <!-- datetime所有浏览器都不支持
            datetime-local支持谷歌
         -->
        <input type="datetime-local"><br>
         月份：
         <input type="month">
         星期：
         <input type="week">
         搜索：
         <input type="seaech">
         color:
         <input type="color">

         提交按钮：
         <input type="submit" name="" id="" value="确认">

语义化

1.每一个 HTML 元素都有具体含义。

2.所有元素于展示效果无关。

3.元素展示到页面中的效果，应该由 CSS 决定。

4.因为浏览器带有默认的 CSS 样式，所以每个元素有一些默认样式。

5.选择什么元素，取决于内容的含义，而不是显示出的效果．