html5表单新特性

最新推荐文章于 2021-06-08 23:06:06 发布

sensus森森

最新推荐文章于 2021-06-08 23:06:06 发布

阅读量348

点赞数

分类专栏： HTML4/HTML5 文章标签：表单 html5

本文链接：https://blog.csdn.net/qq_27682041/article/details/72779483

版权

HTML4/HTML5 专栏收录该内容

30 篇文章 0 订阅

订阅专栏

<html lang="">
    <meta charset="utf-8">
    <!-- <meta http-equiv="refresh" content="3;http://www.baidu.com"> -->
    <meta http-equiv="expires" content="Wen, 22 Mar 2017 2:10:00 GMT">
    <body>
        <!-- <form action="http://www.baidu.com" id="my" oninvalid="alert()" οninput="res.value = num1.valueAsNumber + num2.valueAsNumber">
            <input type="text" name="name">
            <input type="submit" value="1">
            <input type="text" value="555555555" name="hh" form="my">
            <input type="time" name="" id="">
            <input type="color" name="color" id="" form="my">
            <input type="date" name="date" id="" form="my">
            <input type="file" name="" id="" accept="image/gif">
            <input type="image" src="https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=3712937641,143648574&fm=80&w=179&h=119&img.JPEG" alt="" form="my">
            <input type="number" name="" id="num1"> + <input type="number" name="" id="num2"> = <output for="num1 num2" name="res" />

            <input data-name="zc" data-id="002" class="inp"/>

        </form> -->

            <input type="text" accesskey="h" tabindex="2">
            <input type="text" accesskey="h" tabindex="1">
            <p contenteditable="true">啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</p>

            <p dir="ltr" lang="en" hidden id="h5">HTML5</p>

        <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
        <script>
            $(function(){
                $('#h5').show();
                $('.inp').data('name','tcac'); 
                $('.inp').data('id','0058');
                // alert($('.inp').data('name'));
            })
        </script>
    </body>
</html>

参看文章:https://css-tricks.com/form-validation-part-1-constraint-validation-html/