【PokerStars】form表单 HTML form表单

2021年5月15日06:29:45 发表评论
摘要

post和get都是浏览器向服务器传输数据发送请求的一种方式。所有的input都必须添加name属性,否则无法传递给后端。

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标签是表单的外壳,主要有四个属性:
  1. action:表单提交的地址
  2. method:表单提交的方法
  3. target:在何处打开action
  4. enctype:
    。 application/x-www-form-urlencoded:在发送前编码所有字符(默认)
    。 text/plain:空格转换为“+”加号,但不对特殊字符编码
    。 multipart/form-data:使用包含文件上传控件(多媒体,音频视频等)的表单时,必须使用该值
  • type属性:
  1. type = "text",普通的文本输入框,可以展示出来只能单行输入
  2. type = "password",页面上是以黑色圆点展示的。有安全保密性。
  3. type = "checkbox",多选,同时name的值一定要一样,要设置value的值,告诉浏览器选中的是什么。靠name属性分组,提交到后端的时候选中的value是以,分割的一个字符串,通过name属性获得。
  4. type = "radio":单选,设置value的值,告诉浏览器选中的是什么。name的值相同,就是分为一组,name的值不同,就是分为两组。
  5. type = "file",file文件上传,写入accept,默认只能打开accept属性值的文件,其他的打不开。
<div class = "file">  <input type = "file" name = "myfile" accept = "image/png"><!--只能选中png的文件,其他的无法选中。--></div>
  1. input type = "hidden":没有任何效果,abcd的值就是123456,name和value的值也会提交给后台。作用:1:暂存一些信息,在input type = "hidden"里面埋一个值,下次要用的时候可以直接定位到这个元素,获取这个值,但是用户什么都看不见:2:使用安全策略的时候,可以用到。安全。后台可以利用值进行校验,看看提交的值是否正确,防止页面被所有人修改。
  2. input如果想有一个起始的输入默认值,必须设置value属性,属性值就是起始默认值。
  3. type = "button"
  4. type = "submit"
  5. type = "reset"
<input type = "button" value = "button"><!--点击button页面无法提交,并且就算添加了name也无法传递给后台--><input type = "submit" value = "submit"><!--点击页面可以提交--><input type = "reset" value = "reset"><!--用户输入的所有东西都会被清空-->
  • label标签:
  1. <label></label>用于对input标签进行说明,说明填入的内容是什么。
  2. for属性值和所包裹的input的id属性值相同,则点击label标签内的内容和,就可以高亮input的输入框,输入内容。否则,只能点击输入框才能输入内容。
<div class = "password">  <label for = "password">密码:</label>  <input id = "password" type = "password" name = "password1"></div>
  • select:下拉菜单
  1. select标签中要添加name属性并设置其值,因为浏览器是以k=value的形式向后台传输数据。
  2. 默认情况下选中,只需要在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

以上资讯由扑克之星亚洲版整理提供!

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: