表单的作用:收集用户信息。
form input
<form action="">
<input type="text" placeholder='请输入内容'>
<input type="password" maxlength=10 minlength=6>
<input type="submit" value="搜索">
<input type="reset" value="重置">
<input type="button" value="get">
</form>
其中 placeholder是h5的新标签。表示提示的字。而且当与text同时出现的时候优先显示value的值。
action中写服务器的地址
method 表单提交的方式
name
get是默认方式,会将信息放在网址 安全性低,效率高
post 安全式高
method
作用是告诉浏览器,指定将表单中的数据使用哪一种HTTP提交方法,取值为get 或者 post。其中:get 是默认值,表单中的数据被传送到action 属性指定的URL,然后这个新的URL 被传送到处理程序上。
post:表单数据被包含在表单主体中,然后被传送到处理程序上。
两者区别:
get:该请求会将请求参数的名和值转换成字符串,然后拼接到URL 之后,因此在地址栏等地方可以看到请求的参数;但是安全性差,并且安全性差,传输的数量比较小,在URL中的最大长度是2048个字符。
post:该请求方式通过HTTP的post 机制,将所有的请求参数的名和值放在HTML的header 中传输;并且安全性号,传输的数量也大
target属性
该属性与a标签的target 属性一样,都是从来指定目标窗口的打开方式。取值:
_self: 默认值,表示在当前的窗口打开页面。
_blank:在新的窗口打开页面。
_top: 表示页面载入到包含该链接的窗口,取值在当前的窗口中的所有页面。
_parent: 在父级窗口打开页面。
预告:五一假期更新一份关于html5 css3的布局总结,包括响应式布局