点击事件

海边拾贝seebit

于 2018-07-27 17:44:10 发布

阅读量163

点赞数

CC 4.0 BY-SA版权

分类专栏： Web前端

本文链接：https://blog.youkuaiyun.com/Ada_yangyang/article/details/81251719

Web前端专栏收录该内容

54 篇文章

订阅专栏

本文介绍了一种使用JavaScript动态向页面中添加文件输入框的方法。通过创建新的input元素并设置其类型为file，然后将其添加到body中实现。此方法适用于需要用户动态添加文件上传表单的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>
    <title>点击事件</title>
    <script type="text/javascript">
        function addFiles(){
            //1. 通过xml dom去添加一个input标签 <input></input>
            var inputEle = document.createElement("input");
            //2. 设置element的属性 <input type="file"></input>
            inputEle.setAttribute("type","file");
            //3. 添加到body中
            document.body.appendChild(inputEle);
        }

    </script>
</head>
<body>
<input type="button" value="添加一个文本域" onclick="addFiles()"/>
</body>
</html>