PokerStars亚洲版(6UPDH.COM)全球最大德州扑克平台,发牌公正,与世界玩家同台竞技
大发扑克|dafapoker|大发在线德州扑克|大发德州扑克策略网站——大发游戏导航(dfyxdh.com)
迈博myball最新网站|迈博体育官网|最好玩的体育直播观看平台——迈博体育导航(mbo388.com)
SOON88顺博|顺博官网|顺博娱乐场|顺博体育|顺博游戏网址发布页——顺博体育导航(shb388.com)
form表单
HTML表单:
- 表单用于搜集不同类型的用户输入,提交给网站后台服务器。表单是一个包含表单元素的区域,表单元素是允许用户在表单中(比如:文本域、下拉列表、单选框、复选框等等)输入信息的元素。
- 必须用form包裹住所有的input输入框,当你点提交的时候,就会把form包裹的所有的input信息提交给form对应的后台服务器的地址。
属性action的值就是要提交到的后台的地址属性method的值有两个get和post。 <div class = "login"> <input type = "text" name = "sex"> <form action = "/abc" method = "post"><!--包裹所有搜集的信息,form外面的表单信息不会被提交--> <!--method有两种方式:get和post--> <div class = "username"> <input type = "text" name = "username1"> </div> <div class = "password"> <input type = "password" name = "password1"> </div> <div class = "submit"> <button>提交</button> </div> </form> </div>
method的值get和post的区别:
post和get都是浏览器向服务器传输数据发送请求的一种方式。
- get:
当使用get方式向后台发送数据时,会把所有的请求数据拼接成k=value的形式连到一起,组装到URL上,其本质上是URL的拼接,把所有的参数拼接到一起,组成新的URL。 - post:
请求的URL地址不会发生任何变化。但发送的请求数据会通过浏览器传输给后台。 - post的安全性比较高,URL更加干净。get方式会把数据显示出来,造成数据泄露。
- 如果数据量很大的时候,浏览器的地址栏是有限制的,如果过长会自动截断,所以采用get方式,传输到后台的数据是不完整的。
get和post的使用场景:
- get得到,向后台要数据,查询后台的东西,可以像后台传递要东西的名字,后台返回数据给你,向后台要数据,可以用get。
- post传递,我传输数据给后台。例如:我写了一篇文章,我传递给后台,后台给我一个传好了状态提示,采用post。
- 对于安全性比较高的请求,用post。
- 对于比较简单的,安全性要求比较低的用get。
表单常见标签
所有的input都必须添加name属性,否则无法传递给后端。
- form标签是表单的外壳,主要有四个属性:
- action:表单提交的地址
- method:表单提交的方法
- target:在何处打开action
- enctype:
。 application/x-www-form-urlencoded:在发送前编码所有字符(默认)
。 text/plain:空格转换为“+”加号,但不对特殊字符编码
。 multipart/form-data:使用包含文件上传控件(多媒体,音频视频等)的表单时,必须使用该值
- type属性:
- type = "text",普通的文本输入框,可以展示出来只能单行输入。
- type = "password",页面上是以黑色圆点展示的。有安全保密性。
- type = "checkbox",多选,同时name的值一定要一样,要设置value的值,告诉浏览器选中的是什么。靠name属性分组,提交到后端的时候选中的value是以,分割的一个字符串,通过name属性获得。
- type = "radio":单选,设置value的值,告诉浏览器选中的是什么。name的值相同,就是分为一组,name的值不同,就是分为两组。
- type = "file",file文件上传,写入accept,默认只能打开accept属性值的文件,其他的打不开。
<div class = "file"> <input type = "file" name = "myfile" accept = "image/png"><!--只能选中png的文件,其他的无法选中。--></div>
- input type = "hidden":没有任何效果,abcd的值就是123456,name和value的值也会提交给后台。作用:1:暂存一些信息,在input type = "hidden"里面埋一个值,下次要用的时候可以直接定位到这个元素,获取这个值,但是用户什么都看不见:2:使用安全策略的时候,可以用到。安全。后台可以利用值进行校验,看看提交的值是否正确,防止页面被所有人修改。
- input如果想有一个起始的输入默认值,必须设置value属性,属性值就是起始默认值。
- type = "button"
- type = "submit"
- type = "reset"
<input type = "button" value = "button"><!--点击button页面无法提交,并且就算添加了name也无法传递给后台--><input type = "submit" value = "submit"><!--点击页面可以提交--><input type = "reset" value = "reset"><!--用户输入的所有东西都会被清空-->
- label标签:
- <label></label>用于对input标签进行说明,说明填入的内容是什么。
- for属性值和所包裹的input的id属性值相同,则点击label标签内的内容和,就可以高亮input的输入框,输入内容。否则,只能点击输入框才能输入内容。
<div class = "password"> <label for = "password">密码:</label> <input id = "password" type = "password" name = "password1"></div>
- select:下拉菜单
- select标签中要添加name属性并设置其值,因为浏览器是以k=value的形式向后台传输数据。
- 默认情况下选中,只需要在option的标签内添加selected属性。
<div class = "select"> <select name = "city"> <option value = "beijing">北京</option> <option value = "shanghai" selected="">上海</option> <option value = "hangzhou">杭州</option> <!--不加name则没有传递给后端--> </select></div>
- textarea:多行文本,用于写一篇文章或者实现一个评论。
value的值就是填写到<textarea></textarea>标签中的内容
<div class = "textarea"> <textarea name = "artical"> value的值 </textarea></div>
- placeholder属性:在输入框内的提示,比如:请输入密码,当输入东西的时候就会消息,不影响value,只是一个提示作用。其值不会提交给后台。
6UP扑克之星官网发布页:www.6updh.com
蜗牛扑克官方网址:www.allnew366.com
天龙扑克官方网址:www.tianlongqipai.com
神扑克(Shenpoker)导航:http://www.spkdh.com
博狗最新官方网址:www.xbgwz.com
以上资讯由扑克之星亚洲版整理提供!