微信小程序form如何提交表单

用表单form的bindsubmit事件提交表单。

需要满足：1输入表单中需要有"name",没有"name"值后台打印为空。仔如顷

2点击的button按钮，念陆橡槐需要设置：form-type="submit"。

index.wxml

index.js

格式调整

界滚握面相关

***********************************************分割线*****************************************

标签

一、视图容器(View Container)：

view 视图容器

scroll-view 可滚动视图容器

swiper 可滑动的视图容器

二、基础内容(Basic Content)

icon 图标

text 文字

progress 进度条

三、表单组件(Form)

button 按钮

form 表单

input 输入框

checkbox 多散旁项选择器

radio 单项选择器

picker 列表选择器

slider 滑动选择器

switch 开关选择器

label 标签

四、 *** 作反馈组件(Interaction)

action-sheet 上拉菜单

modal 模态d窗

progress 进度条

toast 短通知

五、导航(Navigation)

navigator 应用内跳转

六、多媒体(Media)

audio 音频

image 图冲备橡片

video 视频

七、地图(Map)

map 地图

八、画布(Canvas)

canvas 画布

表单在web应用中主要是用来进行数据收集的，将用户的输入通过表单收集后传给服务端

常用的input标签：

type=text：输入类型是text，这是我们见的最多也是使用最多的，比如登陆输入用户名，注册输入电话号码，轿做扰电子邮件，住址等等。

type=password：输入类型是password，一看就明白的密码输入框，最大的区别就是当在此输入框输入信息时显示为保密字符。

type=textarea：输入类型是textarea，用来输入大段文字

type=hidden：表单的隐藏域，一般用来传递参数，而又不想显示在客户端，就可以用hidden来实现

type=checkbox：多选框，常见于注册时选择爱好、性格、等信息。参数有name,value及特别参数checked（表示默认选择） 其实最重要的还是value值，提交到处理页的也就是value。

type=radio：单选框，出现在多选一的页面设定中。参数同样有name,value及特别参数checked。不同于checkbox的是，name值一定要相同，否则就不能多选一。当然提交到处理页的也还是value值。

type=file：文件上传选项，作为文件上传的按钮，点击文件上传按钮后会d出目录框供选择文件

type=submit or type=reset

分别是“提交”和“重置”两按钮，submit主要功能是将Form中所有内容进行提交action页处理，reset是快速清空所有填写内容的功能。

GET和POST是HTTP请求的两种基本方法，他们的区别主要有以下几点

GET后退按钮/刷新无害，POST数闭旦据会被重新提交（浏览器应该告知用户数据会被重新提交）。

GET书签可收藏，POST为书签不可收藏。

GET能被缓存，POST不能缓存 。

GET编码类型application/x-www-form-url，POST编码类型encodedapplication/x-www-form-urlencoded 或 multipart/form-data。为二进制数据使用多重编码。

GET历史参数保留在浏览器历史中。POST参数不会保存在浏览器历史中。

GET对数据长度有限制，当发送数据时，GET 方法向 URL 添加数据；URL 的长胡带度是受限制的（URL 的最大长度是 2048 个字符）。POST无限制。

GET只允许 ASCII 字符。POST没有限制。也允许二进制数据。

与 POST 相比，GET 的安全性较差，因为所发送的数据是 URL 的一部分。在发送密码或其他敏感信息时绝不要使用 GET ！POST 比 GET 更安全，因为参数不会被保存在浏览器历史或 web 服务器日志中。

GET的数据在 URL 中对所有人都是可见的。POST的数据不会显示在 URL 中。

   1. 表单(form)的控件名，提交的数据都用控件的name而不是id来控制。因为有许多name会同时对应多个控件,比如checkbox和radio, 而id必须是全文档中唯一的。此外浏览器会根据name来设定发送到服务器的request。因此如果用id，服务器是无法得到数据的。

    2. frame和window的名字,用于在其他frame或window指定target。

radio分组通过控制name属性值来实现，相同的name属性值为一组，例如:

<input type=radio name="sex" value="男">男

<input type=radio name="sex" value="女">女

<input type=radio name="sex1" value="男">男

<input type=radio name="sex1" value="女">女

这里面的name属性值有两个，一个是sex，另外一个是sex1，通过name的设置就自动的将这里的4个单选分成了两组，name="sex"的为一组，name="sex1"为另一组

总结：控制name属性值来实现radio的分组

placeholder 属性提供可描述输入字段预期值的提示信息（hint）。该提示会在输入字段为空时显示，并会在字段获得焦点时消失。placeholder是html5的新属性。

  1、隐藏域在页面中对于用户是不可见的，在表单中插入隐藏域的目的在于收集或发送信息，以利于被处理表单的程序所使用。浏览者单击发送按钮发送表单的时候，隐藏域的信息也被一起发送到服务器。

2、有些时候我们要给用户一信息，让他在提交表单时提交上来以确定用户身份，如sessionkey，等等．当然这些东西也能用cookie实现，但使用隐藏域就简单的多了．而且不会有浏览器不支持，用户禁用cookie的烦恼。

3、有些时候一个form里有多个提交按钮，怎样使程序能够分清楚到底用户是按那一个按钮提交上来的呢？我们就可以写一个隐藏域，然后在每一个按钮处加上 onclick="document.form.command.value="xx""然后我们接到数据后先检查command的值就会知道用户是按的那个按钮提交上来的。

4、有时候一个网页中有多个form，我们知道多个form是不能同时提交的，但有时这些form确实相互作用，我们就可以在form中添加隐藏域来使它们联系起来。

5、javascript不支持全局变量，但有时我们必须用全局变量，我们就可以把值先存在隐藏域里，它的值就不会丢失了。

6、还有个例子，比如按一个按钮d出四个小窗口，当点击其中的一个小窗口时其他三个自动关闭．可是IE不支持小窗口相互调用，所以只有在父窗口写个隐藏域，当小窗口看到那个隐藏域的值是close时就自己关掉。

如：

1、<input type=hidden name=coun value=<%=cc%>>

这里的隐藏域名为coun，值为<%=cc%>，假设前面cc=100的话，即值为100；

2、递交表单<form action=xx.asp>到新页面xx.asp；

3、在xx.asp页中，使用request.write request.form("coun")，则在页面中显示的值就是100。

---