14873人阅读
个人感觉FORM是HTML中非常有用的知识之一！
HTML表单是HTML页面与浏览器端实现交互的重要手段，利用表单可以收集客户端提交的有关信息。
表单和表单域并不具有排版能力，表单网页的制作最终还是要由表格组织起来。
表单的主要功能是收集信息，一般的表单由两部分组成，一是描述表单元素的HTML代码，二是客户端的脚本，或者服务器用来处理用户所填信息的程序。
表单信息的处理过程为：当单击表单中的提交按钮时，输入在表单中的信息就会上传到服务器中，然后由服务器的有关应用程序进行处理，处理后或者将用户提交的信息储存在服务器端的数据库中，或者将有关的信息返回到客户端浏览器上。
基本语法：
&FORM name = &form_name& method =&method& action = &URL& enctype = &value& target = &target_win&&
FORM标记的属性解释如下：
name:表单的名称
method:定义表单结果从浏览器传送到服务器的方法，一般有两种方法get和post
action：用来定义表单处理程序(一个ASP,CGI等程序)的位置( 相对地址或绝对地址)
enctype:设置表单资料的编码方式
target:设置返回信息的显示方式
通过为表单命名可以控制表单与后台程序之间的关系。
METHOD属性
METHOD属性中，GET方法是将表单内容附在URL地址后面，所以对提交信息的长度进行了限制，不可以超过8192个字符。如果信息太长，将被截去，从而导致意想不到的处理结果。同时GET方法不具有保密性，不适合处理如信用卡卡号等要求保密的内容，而且不能传送非ASCII码的字符。
POST方法是将用户在表单中填写的数据包含在表单的主体中，一起传送到服务器上的处理程序中，该方法没有字符的限制，它包含了ISO10646的字符集，是一种邮寄的方式，在浏览器的地址栏不显示提交的信息，这种方式传送的数据是没有限制的。
当不指明是哪种方式时，默认为GET方式。
ENCTYPE属性
设置表单信息提交的编码方式，有以下几种：
TEXT/plain:以纯文本形式传送信息
Application/x-www-Form-urlencoded:默认的编码形式
Multipart/Form-data:使用MINE编码
TARGET属性
设置表单信息返回的窗口。
TARGET的值有以下几种：
_blank:将返回信息显示在新开的浏览器窗口中
_parent:将返回信息显示在父级浏览器窗口中
_self:将返回信息显示在当前浏览器窗口中
_top:将返回信息显示在顶级浏览器窗口中
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：161991次
积分：2649
积分：2649
排名：第11272名
原创：84篇
评论：14条您要找的是不是:
n. 表格（form的复数形式）；表单；窗体 | ...
adj. 从前的，前者的；前任的 | n. 模型...
an SEC filing submitted to the Securities and Exchange Commission on an annual basis by company officers, directors, or beneficial (10%) owners, which summarizes their insider trading activities. This form is simply a combination of year's Form 4 filings, which are mandatory filings made shortly after insiders make transactions.
以上来源于:
EMQUEN P fluids can dissolve easily in water at typical concentration form 5% to 50% depending on quenching speed desired.
EMQUEN P可轻易溶于水中，根据实际应用中对淬冷速率的不同要求，以5-50%的浓度兑水使用，可提供高度洁净的完工工件表面。
I am a Form 5 student from Maryknoll Convent School, and I am now conducting a questionnaire on Cultural Conservation in Hong Kong.
本人是玛利诺修院学校的中五生，现正进行一份有关香港文化保育的问卷。
Negative controls included the peritoneal washes form 5 cases of benign gastric disease and the blood samples from 5 adult healthy volunteers.
收集5例良性胃疾病的术中腹腔灌洗液，5例健康志愿者血液为阴性对照。
It's a double stranded circular piece of DNA, meaning that the 3', 5'ends that hang off are joined back together again to form a continuous loop.
它是双链环状DNA,它的3'末端和5'末端首尾相连,构成一种连续环状结构
Apple could afford to keep the iPhone 5 form factor for another 12 months, but only if it maintains the iPhone 5 name.
He also inches up his gross margin forecast to 38.5% form 38% due to improving iPhone 5 yields.
The 2.5 form factor is available in 7mm height and comes with a 9.5mm bracket.
$firstVoiceSent
- 来自原声例句
请问您想要如何调整此模块？
感谢您的反馈，我们会尽快进行适当修改！
请问您想要如何调整此模块？
感谢您的反馈，我们会尽快进行适当修改！　　XMLHttpRequest Level 2 添加了一个新的接口&&FormData。利用 FormData&对象，我们可以通过
用一些键值对来模拟一系列表单控件，我们还可以使用 XMLHttpRequest 的 send()&方法来异步的提交表单。与普通的 Ajax 相比，使用 FormData&的最大优点就是我们可以异步上传二进制文件。
创建一个FormData对象
　　你可以先创建一个空的&FormData&对象,然后使用&append()&方法向该对象里添加字段，如下：
var oMyForm = new FormData();
oMyForm.append("username", "Groucho");
oMyForm.append("accountnum", 123456); // 数字123456被立即转换成字符串"123456"
// fileInputElement中已经包含了用户所选择的文件
oMyForm.append("userfile", fileInputElement.files[0]);
var oFileBody = "&a id="a"&&b id="b"&hey!&/b&&/a&"; // Blob对象包含的文件内容
var oBlob = new Blob([oFileBody], { type: "text/xml"});
oMyForm.append("webmasterfile", oBlob);
var oReq = new XMLHttpRequest();
oReq.open("POST", "/submitform.php");
oReq.send(oMyForm);
　　注：字段 “userfile” 和 “webmasterfile” 的值都包含了一个文件。通过&&方法赋给字段 “accountnum” 的数字被自动转换为字符（字段的值可以是一个&&对象，对象或者字符串，剩下其他类型的值都会被自动转换成字符串）。
　　在该例子中，我们创建了一个名为 oMyForm 的 FormData&对象，该对象中包含了名为”username”，”accountnum”，”userfile” 以及 “webmasterfile” 的字段名，然后使用XMLHttpRequest的&&方法把这些数据发送了出去。”webmasterfile” 字段的值不是一个字符串,还是一个&&对象。
使用HTML表单来初始化一个FormData对象
　　可以用一个已有的 form&元素来初始化&FormData 对象，只需要把这个&form&元素作为参数传入&FormData&构造函数即可：
var newFormData = new FormData(someFormElement);
　　例如：
var formElement = document.getElementById("myFormElement");
var oReq = new XMLHttpRequest();
oReq.open("POST", "submitform.php");
oReq.send(new FormData(formElement));
　　你还可以在已有表单数据的基础上，继续添加新的键值对，如下：
var formElement = document.getElementById("myFormElement");
formData = new FormData(formElement);
formData.append("serialnumber", serialNumber++);
oReq.send(formData);
　　你可以通过这种方式添加一些不想让用户编辑的固定字段,然后再发送.
使用FormData对象发送文件
　　你还可以使用&FormData&来发送二进制文件.首先在 HTML 中要有一个包含了文件输入框的 form 元素：
&form enctype="multipart/form-data" method="post" name="fileinfo"&
&label&Your email address:&/label&
&input type="email" autocomplete="on" autofocus name="userid" placeholder="email" required size="32" maxlength="64" /&&br /&
&label&Custom file label:&/label&
&input type="text" name="filelabel" size="12" maxlength="32" /&&br /&
&label&File to stash:&/label&
&input type="file" name="file" required /&
&div id="output"&&/div&
&a href="javascript:sendForm()"&Stash the file!&/a&
　　然后你就可以使用下面的代码来异步的上传用户所选择的文件：
function sendForm() {
var oOutput = document.getElementById("output");
var oData = new FormData(document.forms.namedItem("fileinfo"));
oData.append("CustomField", "This is some extra data");
var oReq = new XMLHttpRequest();
oReq.open("POST", "stash.php", true);
oReq.onload = function(oEvent) {
if (oReq.status == 200) {
oOutput.innerHTML = "Uploaded!";
oOutput.innerHTML = "Error " + oReq.status + " occurred uploading your file.&br //&";
oReq.send(oData);
　　你还可以不借助 HTML 表单，直接向&&对象中添加一个&&对象或者一个&&对象：
data.append("myfile", myBlob);
　　如果 FormData 对象中的某个字段值是一个&&对象，则在发送 HTTP 请求时，代表该&Blob&对象所包含文件的文件名的 “Content-Disposition” 请求头的值在不同的浏览器下有所不同，Firefox使用了固定的字符串”blob”，而 Chrome 使用了一个随机字符串。
　　你还可以使用 jQuery 来发送&FormData，但必须要正确的设置相关选项：
var fd = new FormData(document.getElementById("fileinfo"));
fd.append("CustomField", "This is some extra data");
url: "stash.php",
type: "POST",
processData: false,
// 告诉jQuery不要去处理发送的数据
contentType: false
// 告诉jQuery不要去设置Content-Type请求头
浏览器兼容性
　　桌面端：
Firefox (Gecko)
Internet Explorer
Basic support
支持filename参数
22.0 (22.0)
　　移动端：&
Chrome for Android
Firefox Mobile (Gecko)
Opera Mobile
Safari Mobile
Basic support
支持filename参数
22.0 (22.0)
参考文献：
本文链接：
编译来源：
未经允许不得转载： &你的浏览器禁用了JavaScript, 请开启后刷新浏览器获得更好的体验!
最近在用 laravel 5 做例子，在做到表单的时候，习惯性的使用 Form::open() 结果发现提示错误，没有这个类，
好吧，找了找，发现 在laravel 5 中，把 from 和 html 单独的提出去了，下面就是安装使用方法啦
添加到 composer.json&require&:&{
&&&&&illuminate/html&:&&~5.0&
更新composer&update
更新完以后，打开 /config/app.php
在 providers 数组下面添加
'Illuminate\Html\HtmlServiceProvider',
aliases 数组下面添加
'Form'&&&&&&=&&'Illuminate\Html\FormFacade',
'HTML'&&&&&&=&&'Illuminate\Html\HtmlFacade'
这样就安装好啦！
使用方法以前写法是这样的
{{Form::open()}}
{{Form::close()}}
现在变成这样的了
{!!&Form::open()&!!}
{!!&Form::close()&!!}
基本上就是这样，更多的使用方法可以看手册
同时也欢迎大家加入我的 laravel 学习交流群：
一起学习，一起进步
一起学习，一起进步
你们有教程视频吗吗吗吗吗吗吗吗吗吗吗？？？？？？
之前遇到了这个问题,然后Google搞定了,还是谢谢你,总会帮到人.
自定义表单验证
有demo吗？求帮助
providers 下是添加'Illuminate\Html\HtmlServiceProvider：：class吗 会提示 Call to undefined method Illuminate\Foundation\Application::bindShared() 不写class是提示未定义常量llluminate\Html\HtmlServiceProvider 怎么都不行哦 求lz帮帮忙
要回复文章请先或爱好：运动，看电影，阅读，摄影，跳舞 专长：跳舞 偶像：谭咏麟、玛丽娅凯丽、梅艳芳 语言：英语，国语，粤语 排行：老三（两姐一妹） 出生地：香港 口头禅：太帅了！（不过一般都是说自己哦）喜欢杂志：音乐杂志 喜欢音乐：流行音乐 喜欢电影：喜剧 喜欢水果：柳丁 最大愿望：事业有成 家庭状况：父母，两姊一妹 饮食习惯：白饭配上家常菜 鞋子尺寸：9 衣服尺寸：L 视力：一流（虽然没近视，但很喜欢戴眼镜） 学历：Form5 小学名称：励志会冯瑞章纪念小学 中学名称：筲箕湾官立工业中学 睡前习惯：跟自己说晚安 最喜欢的科目：数学 最讨厌的科目：成绩差的科目 最喜欢的季节：秋天 最讨厌的天气：潮湿（因为鼻子会过敏） 最刺激的经验：近距离目睹直升机，坦克车，还拍照留念 最喜欢的消遣：睡觉 最喜欢的衣服：便服 最喜欢的表情：cool！ 最喜欢的地方：家 最喜欢的颜色：粉色系（小时候房间的布置是粉红色的哟） 最喜欢的水果：香蕉 最喜欢的甜点：太多 最抗拒的食物：辣，猪手（吃到辣会一直跳来跳去） 最喜欢的饰物：墨镜 最喜欢的歌星：谭咏麟 最喜欢的艺人：廖启智 最喜欢的运动：风帆，篮球，足球，乒乓球 最喜欢的
影视(全部36部)
播放：15,551,642
播放：12,681,403
播放：4,776,866
播放：35,048,320
播放：48,094,790
播放：150,229,757
播放：20,897,850
播放：8,824,479
播放：18,928,708
播放：2,147,483,647
播放：335,546,890
播放：99,604,637
Mv(全部120部)