JAVASCRIPT 如何创建SEARCH字段

最新推荐文章于 2024-04-18 20:01:43 发布

原创最新推荐文章于 2024-04-18 20:01:43 发布 · 116 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #开发语言 #ecmascript #数据库 #前端 #服务器

JAVA 专栏收录该内容

54 篇文章

订阅专栏

博客涉及JavaScript开发语言，涵盖前端开发与数据库相关内容，可能包含在服务器端的应用，展现了JavaScript在信息技术领域多方面的应用。

<!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>