加上上传文件功能

input type='file'       - 依赖form表单里一个属性 enctype="multipart/form-data"
                        加上这个属性表示把你上次文件一点一点点上传

还有form表单action指向提交的url后台，一定是用post请求提交


<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="x-ua-compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Title</title>

</head>

<body>

    <form action="/url/" method="post" enctype="multipart/form-data">

        <div>

            <!-- 上传文件 -->

            <p>

                <input type="file" name="textFile">

            </p>

        </div>

        <input type="submit" value="提交">

    </form>

</body>

</html>




 


 
												


											
前端 HTML form表单标签 input标签 type属性 file 上传文件的更多相关文章
	

    
								
  1. 常用6种type的form表单的input标签分析及示例
		
    <input> 标签用于搜集用户信息. 根据不同的 type 属性值,输入字段拥有很多种形式.输入字段可以是文本字段.复选框.掩码后的文本控件.单选按钮.按钮等等. 在这里博主介绍6中ty ...
    
		
    2. 
						
  2. ajax form表单提交 input file中的文件
		
    ajax form表单提交 input file中的文件 现今的主流浏览器由于ajax提交form表单无法把文件类型数据提交到后台,供后台处理,可是开发中由于某些原因又不得不用ajax提交文件, 为了 ...
    
		
    3. 
						
  3. python 之 前端开发（form标签、单选框、多选框、file上传文件、按钮、label标签、下拉列表、textarea标签、fieldset标签、table标签）
		
    11.25 form标签 <!DOCTYPE html> <html lang="en"> <head> <meta charset=&q ...
    
		
    4. 
						
  4. 巧妙利用label标签实现input file上传文件自定义样式
		
    提到上传文件,一般会想到用input file属性来实现,简单便捷,一行代码即可    但input file原生提供的默认样式大多情况下都不符合需求,且在不同浏览器上呈现的样式也不尽相同   我们往 ...
    
		
    5. 
						
  5. input type=file 上传文件样式美化（转载）
		
    input type=file 上传文件样式美化 来源:https://www.jianshu.com/p/6390595e5a36 在做input文本上传时,由于html原生的上传按钮比较丑,需要对 ...
    
		
    6. 
						
  6. php 处理 form 表单提交多个 name 属性值相同的 input 标签
		
    一 问题 在公司的开发过程中,遇到了一个问题:如何处理 form 表单提交了多个 name 属性值相同的 input 标签?源码如下(源码是在 form 表单之中的): <!--{loop $a ...
    
		
    7. 
						
  7. 关于html 中form表单的内标签和使用
		
    表单标记 1.普通文本框: <input type=”text” name=”名称” value=”值”;不写value默认为空/> 2.密码框:<input type=”passw ...
    
		
    8. 
						
  8. input file 在开发中遇到的问题   类似ajax form表单提交  input file中的文件
		
    最近在做项目的过程中遇到个问题,在这里做个记录防止日后忘记 现今的主流浏览器由于ajax提交form表单无法把文件类型数据提交到后台,供后台处理,可是开发中由于某些原因又不得不用ajax提交文件, 为 ...
    
		
    9. 
						
  9. 前端之form表单与css（1）
		
    目录 一.form表单 1.1表单的属性 1.2input 1.2.1form表单提交数据的两种方式 1.3select标签 1.4label标签 1.5textarea多行文本标签 二.CSS 2. ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. Java面试题考点全面总结
			
    我通过两个月的复习拿到了阿里巴巴的 offer,有一些运气,也有一些心得,借着跳槽季来临特此分享出来. 简单梳理一下我的复习思路,同时也希望和大家一起交流讨论,一起学习,如果不对之处欢迎指正一起学习. ...
    
			
    2. 
						
  2. [Hinton] Neural Networks for Machine Learning - Bayesian
			
    Link: Neural Networks for Machine Learning - 多伦多大学 Link: Hinton的CSC321课程笔记 Lecture 09 Lecture 10 提高泛 ...
    
			
    3. 
						
  3. [Linux] ssh-key 公钥文件格式
			
    SSH 协议(Secure Shell 协议)最初在 1995 年由芬兰的 Tatu Ylönen 设计开发,由 IETF(Internet Engineering Task Force)的网络工作小 ...
    
			
    4. 
						
  4. 修改web前端访问端口
			
    说明: URL规则可添加变量部分,也就是说将符合同种规则的URL抽象成一个URL模式 1 2 3 @app.route('/instance/<uuid>/') def instance( ...
    
			
    5. 
						
  5. mysqldump命令的安装
			
    author:headsen   chen date:2019-03-14  11:31:00 安装:yum -y install mysql-client / apt-get install mys ...
    
			
    6. 
						
  6. J - S-Nim
			
    Arthur and his sister Caroll have been playing a game called Nim for some time now. Nim is played as ...
    
			
    7. 
						
  7. PCL Save VTK File With Texture Coordinates 使用PCL库来保存带纹理坐标的VTK文件
			
    我之前有一篇博客Convert PLY to VTK Using PCL 1.6.0 or PCL 1.8.0 使用PCL库将PLY格式转为VTK格式展示了如何将PLY格式文件转化为VTK格式的文件, ...
    
			
    8. 
						
  8. easyui---tree异步加载
			
    1.ul li的多级列表的html代码tree 2.利用jquery <ul id="tt"></ul> $('#tt').tree({ url:'tree ...
    
			
    9. 
						
  9. .NET Core开发日志——简述路由
			
    有过ASP.NET或其它现代Web框架开发经历的开发者对路由这一名字应该不陌生.如果要用一句话解释什么是路由,可以这样形容:通过对URL的解析,指定相应的处理程序. 回忆下在Web Forms应用程序 ...
    
			
    10. 
						
  10. window.onresize监听事件
			
    window.onresize监听事件 onresize 事件会在窗口或框架被调整大小时发生. 支持onresize的标签:<a>, <address>, <b>, ...
    
			
    11.