文件上传功能我们经常用到,例如百度网盘、QQ邮箱等都涉及这个功能。文件上传功能的实现需要用到后端技术,不过在学习HTML时,我们只需要关心把页面效果做出来就行了,功能实现不需要去深究。
在HTML中,文件上传也是使用input标签来实现的,其中type属性取值为file。
语法:
<input type="file" />
举例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<form method="post">
<input type="file"/>
</form>
</body>
</html>
浏览器预览效果如下图所示。
分析:
当我们点击“选择文件”按钮后会发现,怎么不能上传文件呢?其实这个需要学习后端技术之后才知道怎么实现,小伙伴们加油吧。