在 SegmentFault，学习技能、解决问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。
问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
jquery中formdate一直获取不到对象中的[0]的值 包括本身也是一个空的数据怎么办？再做一个前台的ajax方法 查网上用formdate方法上传。可是进了接口之后一直在控制台获取不到formdate的值包括formdate[0]的值也一样 接口应该是没有问题
因为用传统的表单submit提交也是可以提交上传的。以下是代码：请大神帮忙~
js部分：$(function(){
$("#upfile").on('change',function(){console.log('aaaaa');
img = $("#img")
var formData = new FormData($("#uploadForm")[0]);
var file = $(this)[0].files[0];
imgSrc = $(this)[0].value,
url = URL.createObjectURL(file);
if (!/\.(jpg|jpeg|png|JPG|PNG|JPEG)$/.test(imgSrc)){
alert("请上传jpg或png格式的图片！");
type:"POST",
url:'/image/updateImage',
data: formData,
//dataType:'jsonp',
async: false,
cache: false,
contentType: false,
processData: false,
success:function(data){
error:function(data){
img.attr('src',url);
img.css({'opacity':'1'});
模型部分：
&form id="uploadForm"&
&img id="img" class="userBigAvatar" src="abroad/images/product_info/product_img3.jpg" alt=""&
id="upfile" name="file" type="file" class="upfile"&
&img src="abroad/images/product_info/arrow_right.png" alt=""&
求大神帮忙~
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
图片上传要给表单加enctype属性，你的ajax请求formData没错。
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
抱歉各位。。前端给我的页面 form里嵌套了一个form所以没用。。
分享到微博？
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要该，理由是：
在 SegmentFault，学习技能、解决问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。元素form缺少必需的属性action怎么办_百度知道
元素form缺少必需的属性action怎么办
我有更好的答案
javascript添加document.getElementById(&& action=&form1&).action=&action的url&方法二;action的url&quot方法一：直接添加&form id=&form1&quot
采纳率：44%
来自团队：
为您推荐：
其他类似问题
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。&form action="http://wichkelysmart.com/hfhtmlcss/contest.php" method="post"&&/form&
表单的所有内容都包含在form标签中& action属性中的内容将表单提交的的数据交给wichkelysmart.com链接内的hftmlcss文件夹中的contest.php服务器脚本处理所使用的方法是post
1:&input type="text" name="1" value="value控制文本框内初始化的值"&
2:&input type="submit" name="2" value="提交按钮由value设置"&
3:女性：&input name="3" type="radio" value="选择1"&
不男不女：&input type="radio" name="3" value="复选中的value是传递给服务器的值"&&br&&br&&br&
4:苹果&input type="checkbox" name="4" value="复选1"&
草莓&input type="checkbox" name="4" value="复选中的value是传递给服务器的值"&
香蕉&input type="checkbox" name="4" value="复选3"&
Type确定是什么类型的控件，浏览器会把name当做标签把收集到的数据发送到服务器，这样服务器才能区分谁是谁
例如如果在一个名字为“zip”的text&input&元素中输入了邮政编码90050，表单提交时就会把“zip=90050”发送到服务器(HEAD FIRST HTML第677页练习)
注意name要与后台脚本文档代码中的一致，在使用别人编写的一个服务器脚本时，他必须告诉我要使用哪些元素名
复选框浏览器会发送“4=香蕉&苹果&草莓”到服务器
无需知道像服务器发送数据的后台细节 但是需要知道服务器脚本期望得到的表单元素的名字和类型
与后台的交互式通过URL进行的 表单里的数据通过URL与后台脚本进行数据传输（代码要相互呼应——即表单名字和类型）
浏览器向服务器传送收集到得数据——用表单
浏览器处理服务器传回的数据——用ajax
表单发送给服务器的数据与name value和text文本框中的内容相关
text：文本框，input默认的type，不写就是这个，value表示文本框里的值。password：密码框，value表示密码框里的值。submit：提交按钮，value表示按钮上的文字button：普通按钮，value表示按钮上的文字reset：重置按钮，value表示按钮上的文字radio：单选框，value表示该单选框的真实值（一般真实值和数据库对应，显示的值给用户参考的）checkbox：复选框，value表示该复选框的真实值hindden：隐藏表单域，value表示该表单域的值。单选和多选：input中的value可以理解为传送给服务器的值type可以是button普通按钮，submit提交按钮，reset重设按钮，radio单选框，checkbox复选框，passward密码输入框&是提交给服务器的，服务器语言会调用里面的值 你没value的话，服务器就没数据&服务器通过 name 知道传的是谁的值 value则是对应的值是
5：&textarea name="5" rows="10" cols="48"&这里是初始化文字-这里是初始化文字-这里是初始化文字-这里是初始化文字-这里是初始化文字-这里是初始化文字-这里是初始化文字-这里是初始化文字-这里是初始化文字&/textarea&
rows设置浏览器文本区高度 cols设置宽度 开始和结束标签中间为初始化文字 在textarea元素中加个maxlength属性可以限制输入文字的的字符
6：请选择&select name="6"&
&option value="传递给服务器的数据"&选择1&/option&
&option value="传递给服务器的数据"&选择2&/option&
&option value="传递给服务器的数据" selected&选择3&/option&
&option value="传递给服务器的数据"&选择4&/option&
以上数据提交后浏览器会提交6=”传送服务器的数据”，即name=”value“ 到服务器，与选择的按钮内容无关
selected布尔属性，布尔属性不需要值，当进入页面时这个选项会被默认选中
&form标签中的表单元素可以是input也可以是textarea select option
7:&input type="number" min="0" max="20" value="请输入数字"&&br&&br&&br&
输入数字和允许输入数字的最大值最小值&br&&br&&br&
8:&input type="range" min="0" max="20" step="5"&&br&&br&&br&
range类似number 只是会显示一个滑动条而 其中step设置间隔数（步数）&br&&br&&br&
9：&input type="color"&&br&&br&&br&
点击弹出颜色选框&br&&br&&br&
10：&input type="date"&&br&&br&&br&
点击后弹出一个时间选择框 火狐不支持此属性会 显示text文本框
11：&input type="email"&
&input type="tel"&
&input type="url"&
手机端会得到一个定制的键盘
&input type="checkbox" name="extras[]" value="catalog" checked&
编写name.php服务器脚本所用的脚本脚本语言（php）希望得到一点提示，想知道一个表单变量包含多少个值，提供这个提示的做法就是在名字后面增加一个”[]“
&input type="passworld" name="secret"&
输入的文本会加掩码
&input type="file" name="doc"&
可以选择上传一个文件 文件内容会上传到服务器，必须使用post方法
&input type="text" placeholder="Buckaroo Banzai"&
大多数input标签都可以使用placeholder属性，他会提示你要在文本框中输入的内容
&input type="text" placeholder="1" required&
required是一个布尔属性， 也就是这个文本框必须输入内容后才可以提交
阅读(...) 评论()form表单中有span ，可是span没有name 如何时提交后台对象才能set值_百度知道
form表单中有span ，可是span没有name 如何时提交后台对象才能set值
我有更好的答案
hidden&quot；可以在span里面使用&input type=&quot，也可以提交到要提交的值的；简单; /&，来隐藏此元素表单的话还是用表单提交元素input
采纳率：58%
这描述的。。。。没太懂。。。如何时提交后台对象才能set值
表单里有span
表单中提交的值，后台是以name接收的，可span没有name，后台怎么接收
你干嘛要接收 span 的内容span是表单元素吗用其他标签 ， 或其他方式来实现。 隐藏域 &input ....type=&hidden&&
本回答被提问者采纳
1条折叠回答
为您推荐：
其他类似问题
span的相关知识
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。HTML5 表单属性
HTML5 教程
HTML5 视频教程
HTML5 表单属性
HTML5 新的表单属性
HTML5 的 &form& 和 &input&标签添加了几个新属性.
&form&新属性：
autocomplete
novalidate
&input&新属性：
autocomplete
formaction
formenctype
formmethod
formnovalidate
formtarget
height and width
min and max
pattern (regexp)
placeholder
&form& / &input& autocomplete 属性
autocomplete 属性规定 form 或 input 域应该拥有自动完成功能。
当用户在自动完成域中开始输入时，浏览器应该在该域中显示填写的选项。
提示: autocomplete 属性有可能在 form元素中是开启的，而在input元素中是关闭的。
注意: autocomplete 适用于 &form& 标签，以及以下类型的 &input& 标签：text, search, url, telephone, email, password, datepickers, range 以及 color。
HTML form 中开启 autocomplete (一个 input 字段关闭 autocomplete ):
&form action="demo-form.php" autocomplete="on"&
& First name:&input type="text" name="fname"&&br&
& Last name: &input type="text" name="lname"&&br&
& E-mail: &input type="email" name="email" autocomplete="off"&&br&
& &input type="submit"&
提示:某些浏览器中，您可能需要启用自动完成功能，以使该属性生效。
&form& novalidate 属性
novalidate 属性的一个boolean 属性.
novalidate 属性规定在提交表单时不应该验证 form 或 input 域。
无需验证提交的表单数据
&form action="demo-form.php" novalidate&
& E-mail: &input type="email" name="user_email"&
& &input type="submit"&
&input& autofocus 属性
autofocus 属性是一个 boolean 属性.
autofocus 属性规定在页面加载时，域自动地获得焦点。
让 "First name" input 输入域在页面载入时自动聚焦：
First name:&input type="text" name="fname" autofocus&
&input& form 属性
form 属性规定输入域所属的一个或多个表单。
提示:如需引用一个以上的表单，请使用空格分隔的列表。
位于form表单外的input 字段引用了 HTML form (该 input 表单仍然属于form表单的一部分):
&form action="demo-form.php" id="form1"&
& First name: &input type="text" name="fname"&&br&
& &input type="submit" value="Submit"&
Last name: &input type="text" name="lname" form="form1"&
&input& formaction 属性
The formaction 属性用于描述表单提交的URL地址.
The formaction 属性会覆盖&form& 元素中的action属性.
注意: The formaction 属性用于 type="submit" 和 type="image".
以下HTMLform表单包含了两个不同地址的提交按钮：
&form action="demo-form.php"&
& First name: &input type="text" name="fname"&&br&
& Last name: &input type="text" name="lname"&&br&
& &input type="submit" value="Submit"&&br&
& &input type="submit" formaction="demo-admin.php"
& value="Submit as admin"&
&input& formenctype 属性
formenctype 属性描述了表单提交到服务器的数据编码 (只对form表单中 method="post" 表单)
formenctype 属性覆盖 form 元素的 enctype 属性。
主要: 该属性与 type="submit" 和 type="image" 配合使用。
第一个提交按钮已默认编码发送表单数据，第二个提交按钮以 "multipart/form-data" 编码格式发送表单数据:
&form action="demo-post_enctype.php" method="post"&
& First name: &input type="text" name="fname"&&br&
& &input type="submit" value="Submit"&
& &input type="submit" formenctype="multipart/form-data"
& value="Submit as Multipart/form-data"&
&input& formmethod 属性
formmethod 属性定义了表单提交的方式。
formmethod 属性覆盖了 &form& 元素的的method 属性。
注意: 该属性可以与 type="submit" 和 type="image" 配合使用。
重新定义表单提交方式实例:
&form action="demo-form.php" method="get"&
& First name: &input type="text" name="fname"&&br&
& Last name: &input type="text" name="lname"&&br&
& &input type="submit" value="Submit"&
& &input type="submit" formmethod="post" formaction="demo-post.php"
& value="Submit using POST"&
&input& formnovalidate 属性
novalidate 属性是一个 boolean 属性.
novalidate属性描述了 &input& 元素在表单提交时无需被验证。
formnovalidate 属性会覆盖 &form& 元素的novalidate属性.
注意: formnovalidate 属性与type="submit一起使用
两个提交按钮的表单(使用与不适用验证 ):
&form action="demo-form.php"&
& E-mail: &input type="email" name="userid"&&br&
& &input type="submit" value="Submit"&&br&
& &input type="submit" formnovalidate value="Submit without validation"&
&input& formtarget 属性
formtarget 属性指定一个名称或一个关键字来指明表单提交数据接收后的展示。
The formtarget 属性覆盖 &form&元素的target属性.
注意: formtarget 属性与type="submit" 和 type="image"配合使用.
两个提交按钮的表单, 在不同窗口中显示:
&form action="demo-form.php"&
& First name: &input type="text" name="fname"&&br&
& Last name: &input type="text" name="lname"&&br&
& &input type="submit" value="Submit as normal"&
& &input type="submit" formtarget="_blank"
& value="Submit to a new window"&
&input& height 和 width 属性
height 和 width 属性规定用于 image 类型的 &input& 标签的图像高度和宽度。
注意: height 和 width 属性只适用于 image 类型的&input& 标签。
提示:图像通常会同时指定高度和宽度属性。如果图像设置高度和宽度，图像所需的空间 在加载页时会被保留。如果没有这些属性， 浏览器不知道图像的大小，并不能预留 适当的空间。图片在加载过程中会使页面布局效果改变 （尽管图片已加载）。
定义了一个图像提交按钮, 使用了 height 和 width 属性:
&input type="image" src="img_submit.gif" alt="Submit" width="48" height="48"&
&input& list 属性
list 属性规定输入域的 datalist。datalist 是输入域的选项列表。
在 &datalist&中预定义 &input& 值:
&input list="browsers"&
&datalist id="browsers"&
& &option value="Internet Explorer"&
& &option value="Firefox"&
& &option value="Chrome"&
& &option value="Opera"&
& &option value="Safari"&
&/datalist&
&input& min 和 max 属性
min、max 和 step 属性用于为包含数字或日期的 input 类型规定限定（约束）。
注意: min、max 和 step 属性适用于以下类型的 &input& 标签：date pickers、number 以及 range。
&input& 元素最小值与最大值设置:
Enter a date before :
&input type="date" name="bday" max=""&
Enter a date after :
&input type="date" name="bday" min=""&
Quantity (between 1 and 5):
&input type="number" name="quantity" min="1" max="5"&
&input& multiple 属性
multiple 属性是一个 boolean 属性.
multiple 属性规定&input& 元素中可选择多个值。
注意: multiple 属性适用于以下类型的 &input& 标签：email 和 file。: email, and file.
上传多个文件:
Select images: &input type="file" name="img" multiple&
&input& pattern 属性
pattern 属性描述了一个正则表达式用于验证 &input& 元素的值。
注意:pattern 属性适用于以下类型的 &input& 标签: text, search, url, tel, email, 和 password.
提示： 是用来全局title属性描述了模式.
提示： 您可以在我们的 中学习到有关正则表达式的内容
下面的例子显示了一个只能包含三个字母的文本域（不含数字及特殊字符）：
Country code: &input type="text" name="country_code" pattern="[A-Za-z]{3}" title="Three letter country code"&
&input& placeholder 属性
placeholder 属性提供一种提示（hint），描述输入域所期待的值。
简短的提示在用户输入值前会显示在输入域上。
注意: placeholder 属性适用于以下类型的 &input& 标签：text, search, url, telephone, email 以及 password。
input 字段提示文本t:
&input type="text" name="fname" placeholder="First name"&
&input& required 属性
required 属性是一个 boolean 属性.
required 属性规定必须在提交之前填写输入域（不能为空）。
注意:required 属性适用于以下类型的 &input& 标签：text, search, url, telephone, email, password, date pickers, number, checkbox, radio 以及 file。
不能为空的input字段:
Username: &input type="text" name="usrname" required&
&input& step 属性
step 属性为输入域规定合法的数字间隔。
如果 step="3"，则合法的数是 -3,0,3,6 等
提示： step 属性可以与 max 和 min 属性创建一个区域值.
注意: step 属性与以下type类型一起使用: number, range, date, datetime, datetime-local, month, time 和 week.
规定input step步长为3:
&input type="number" name="points" step="3"&