表单是可以把浏览者输入的数据传送到服务器端,这样服务器端程序就可以处理表单传过来的数据。
语法:
重点:
1.<form> :<form>标签是成对出现的,以<form>开始,以</form>结束。
2.action :浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。
3.method : 数据传送的方式(get/post)。(get是代表本地接受信息;post是代表本地向目的地发送数据)
有关于两者的解释:http://www.imooc.com/wiki/detail/id/3929
注意:
1、所有表单控件(文本框、文本域、按钮、单选框、复选框等)都必须放在<form></form>标签之间(否则用户输入的信息可提交不到服务器上哦!)。
2、method:post/get的区别这一部分内容属于后端程序员考虑的问题。
在form中的 method表达的是传送的方式(get是主要用于下载文件到本地的,它的传送的方式是通过URL的传送,会造成在日志文件中记录,容易使第三方看到用户的信息,它是form中的默认值,大小大约为1024字节,post大小大约是2M;),action是传送的服务器接收的文件的类型;
在form中可以使用的是label(标签)用于一些无关的信息的书写;
使用for可以使label标签与下方的input中的表单进行连接;存在属性for(与表单连接)、accesskey(设置快捷键);
FOR属性 功能:表示Label标签要绑定的HTML元素,你点击这个标签的时候,所绑定的元素将获取焦点。 用法: <Label FOR="InputBox">姓名</Label><input ID="InputBox" type="text"> ACCESSKEY属性: 功能:表示访问Label标签所绑定的元素的热键,当您按下热键,所绑定的元素将获取焦点。 用法: <Label FOR="InputBox" ACCESSKEY="N">姓名</Label><input ID="InputBox" type="text">局限性:accessKey属性所设置的快捷键不能与浏览器的快捷键冲突,否则将优先激活浏览器的快捷键。
可以使用input 中的选择的type类型来规定相应的类型;