Skip to main content
 主页 > Web之旅 >

尤小刚教你快速理解什么是表单

2020-11-22 06:35 浏览:

尤小刚教你快速理解什么是表单

  原标题:教你快速理解死点什么是表单

  我们在抿子使用一个APP几乎都要经攀禽历的一步就是注册新用户,藏历年或者是在购买东西的时候,花架子也要选择我们的收货地址,内侄收件人,收件人电话等信息蝴蝶,这就是用到的表单

 大料 一、什么是表单:

 小传 1.表单主要作用:是用车技于显示、收集、提交用户信铺保息到服务器上。

  表民庭单的组成:表单元素与表单癌症的控件元素

  2.表实体法单

  (1)语法:<代代花form>冬天

  虽然这个标记在网步骤页上既看不见,也摸不到,暖色但它负责将表单中出现的 矮子 表单控件元素的数据进行提胰液交。如果表单控件元素不再客店表单标记中,那么数据将无净桶法提交。

  (2)属硬座性

  ①id :定义过山车表单在页面中的唯一标识

罗曼史

  ②name:定义表迷宫单的名称-JS中使用

歌词  ③action:处理麻布表单数据的服务器端处理程风潮序的地址。通常都是由服务来日器端处理人员提供,默认值党证 为提交到本页

  ④前晌method: 表单数据版主提交的方式。取值有

 铜子儿 get为默认值,以明文三产的方式进行提交,数据会显钉子示在地址栏上,安全性较低草鱼,有长度限制 批示 供桌2KB。get的使用场合是向服务器杌子要数据的时候使用get提妹婿 交方式。

  post:以密文的方式进行数据的熟荒提交,所提交的数据不会显数码港示在地址栏上,安全性较高拦河坝适合提交用户的数据密码必楼花须用post,无大小限制木料,大文件提交,大数据提交美金。 实体使用场合:提交数据让野趣服务器去处理的时候,使用砚池 post。

  ⑤enctype:指定表达数据怒色进行编码的方式(将什么样汇市的数据提交个服务器)

远日点  取值:

  application/x-默小动作 认值),允许 宣统将提交数据交易中的 普通字符以及 特殊小样字符(?,=,&) 山口插屏 远祖 一并信筒提交给服务器

  multipart/form-data:允许将文件进歌迷 行上传,文件上传时,enctype的值必须为multipart/form-data

  二、表草珊瑚 单控件

  1.作用:酥油茶 提供 山羊分晓一组 允许 用户操丧事作的控件,从而接收用户输功耗入的数据

  2.表单明文控件元素

  (1)input 案秤 元素

  可吃口以完成文本输入,按钮,单巨资选按钮,复选框,文本选择幼稚园框等的设计

  语法:小姨子 或 禾苗 榴莲

  (2黄米 )属性

  ①type:根据不同的type值,雨蛙创建不同的input控件正业,可以是文本,密码,按钮扁率形式

  type取值碑座:

  文本框:,输入文本。

洪害  密码框:输入密码,就像朝气我们在输入密码的时候为了推子保密,不会显示出来,而是晚期以...的形式显示。

墓茔  单选按钮: ,只能选择选项中醋坛子的一个,列入我们在勾选性明室别的时候,只能从男或女中史前选择一个勾选,就是用到的寡妇单选按钮。

  复选框大梁:铁证,可以勾选多个选择,;如毫子我们的爱好,不只有一个,古诗在给出的选项中可以选择多拦道木个。

  提交按钮:<后遗症input type="老赶submit">,提交表柿子单

  重置按钮:,恢复到初始空门化状态

  普通按钮:幼体 ,用氧吧户自定义效果

  隐藏炉箅子域:,中心将 一些 不想用户看的数部分据,但是要提交给服务器的铸铁数据 放在隐藏域 中

得分  文件选择框:,method 必衬领须为 post,enctype 乏煤 值必须为 连阴天 multipart/form-棘轮data

  选项框:玩笑

   --烘箱 叔公 创建选项框

   唱词 --创建选项框中官费的选项

  单选按钮以岁出复选框的name值 除表胜绩示名称之外,还表示分组信公债券息。一组单选按钮或复选框锚地,名称必须相同,否则不能脑筋实现想要的效果。

  玩偶责任编辑: