HTML5新增表单元素

最新推荐文章于 2023-07-18 21:59:07 发布

xuehyunyu

最新推荐文章于 2023-07-18 21:59:07 发布

阅读量1.1k

点赞数

文章标签：编程语言 HTML5 表单

本文链接：https://blog.csdn.net/xuehyunyu/article/details/70176237

版权

<form action="text1.html" method="get">
    <fieldset>
        <legend>HTML5新增表单元素</legend>
    <table>
        <tr>
            <td>邮箱</td>
            <td><input type="email" name="email"></td>
        </tr>
        <tr>
            <td>地址</td>
            <td><input type="url" name="url"></td>
        </tr>
        <tr>
            <td>日期</td>
            <td><input type="date" name="date"></td>
        </tr>
        <tr>
            <td>时间</td>
            <td><input type="time" name="time"></td>
        </tr>
        <tr>
            <td>月份</td>
            <td><input type="month" name="month"></td>
        </tr>
        <tr>
            <td>星期</td>
            <td><input type="week" name="week"></td>
        </tr>
        <tr>
            <td>滑动条</td>
            <td><input type="range" name="range"></td>
        </tr>
        <tr>
            <td>颜色</td>
            <td><input type="color" name="color"></td>
        </tr>
        <tr>
            <td>数字</td>
            <td><input type="number" name="number"></td>
        </tr>
        <tr>
            <td><input type="submit" value="提交"></td>
        </tr>
    </table>
    </fieldset>
</form>

运行结果为：