JAVASCRIPT 如何创建SEARCH字段

matinal

发布于 2023-10-14 14:09:51

1400

发布于 2023-10-14 14:09:51

文章被收录于专栏：SAP Technical

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>如何创建Search字段</title>
    <script>
    window.onload=function () {
        // 获取button元素
        document.getElementsByTagName("button")[0].onclick=function () {
            // 创建input元素赋值给x
            var x = document.createElement("INPUT");
            // 给input元素设置type属性
            x.setAttribute("type", "search");
            // 将x元素追加到元素span中
            document.getElementsByTagName('span')[0].appendChild(x);
        }
    }
    </script>
</head>
<body>
    <button>点击创建Search字段</button>
    <div style="width: 600px; height: 200px; background-color:lightgreen;">
        <p>
            请输入搜索字段:
            <span></span>
        </p>
    </div>
</body>
</html>

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2023-08-20，如有侵权请联系 cloudcommunity@tencent.com 删除

javascript