增加html元素的简单例子

最新推荐文章于 2023-12-29 18:16:12 发布

Rechard0121

最新推荐文章于 2023-12-29 18:16:12 发布

阅读量684

点赞数

CC 4.0 BY-SA版权

文章标签： HTML

本文链接：https://blog.youkuaiyun.com/Rechard0121/article/details/9717527

本文提供了一个使用HTML和JavaScript实现的文件上传示例。通过点击按钮可以动态添加多个文件输入框，支持批量上传文件。

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

一个简答的例子增加html元素，记下来怕忘了。

<html>
    <head>
	<title>upload</title>
	<script>
	    function addfile()
	    {
		var str = "<input type='file' name='up[]' size='20' /><br/>";
		document.getElementById('myfile').insertAdjacentHTML('beforeEnd',str);
	    }
	</script>
    </head>
    <body>
	<form action='' method="post" enctype='multipart/form-data'>
	    <fieldset>
	    <legend>上传文件</legend>
		<input type="button" value="增加" onclick="addfile()" /><br/>
		<label id="myfile">
		    <input type="file" name="up[]" size='20'/><br/>
		</label>
		<input type="submit" value="批量上传" name="sub" />
	    </fieldset>
	</form>
    </body>
</html>