文件上传功能我们经常用到,例如百度网盘、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>

浏览器预览效果如下图所示。

分析:

当我们点击“选择文件”按钮后会发现,怎么不能上传文件呢?其实这个需要学习后端技术之后才知道怎么实现,小伙伴们加油吧。