JAVASCRIPT 如何创建SEARCH字段

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

SAPmatinal

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

阅读量66

点赞数

分类专栏： JAVA 文章标签： javascript 开发语言 ecmascript 数据库前端服务器

本文链接：https://blog.csdn.net/SAPmatinal/article/details/132388941

版权

JAVA 专栏收录该内容

54 篇文章 0 订阅

订阅专栏

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