HTML5学习(6) 表单元素

最新推荐文章于 2022-04-10 22:13:24 发布

Symbol

最新推荐文章于 2022-04-10 22:13:24 发布

阅读量822

点赞数

分类专栏： HTML5 文章标签： html5 encryption microsoft input output list

本文链接：https://blog.csdn.net/wcf_szkingdom/article/details/7887029

版权

HTML5 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML>
<body>
    <!--选项表单 datalist-->
    Webpage: <input type="url" list="url_list" name="link" />
    <datalist id="url_list">
    <option label="Baidu" value="http://www.baidu.com" />
    <option label="Google" value="http://www.google.com" />
    <option label="Microsoft" value="http://www.microsoft.com" />
    </datalist>
    <!-- 数据加密 -->
    <form action="demo_form.asp" method="get">
    Username: <input type="text" name="usr_name" />
    Encryption: <keygen name="security" />
    </form>
    <!--output-->
    <p>使用 output 元素的简易计算器：</p>
    <form οnsubmit="return false">
     <input id="num_a" /> +
     <input id="num_b" /> =
     <output id="result" onforminput="resCalc()"></output>
    </form>
    <script type="text/javascript">
        function resCalc()
        {
        numA=document.getElementById("num_a").value;
        numB=document.getElementById("num_b").value;
        document.getElementById("result").value=Number(numA)+Number(numB);
        }
    </script>
</body>