html的表单知识

作者: jacktang2012 | 来源:发表于2018-08-27 21:57 被阅读2次

一开始用的时候,我会容易把表单和表格搞混淆,其实在html的语义当中可以很明显的区别出来。

表格我们用的是table标签,包括一些td tr th等等。表单的话用的是form,提交的是一张表格,里面有信息,它是用于搜集不同类型的用户输入,最常见的就是注册时候用的用户名和密码了。表单元素是允许用户在表单中(文本域、下拉框、单选框和复选框等)输入信息的元素。

表单的信息必须要用form包裹起来,这样就是把输入框的信息打包到输入框里面去了。在用form的时候必须要有action,这个是用于提交表单信息的地址,比方说实例中action的路径是"jacktang/"那么表单信息会提交到服务器后台的jacktang文件夹下面。

form里面除了action之外,还有method,这个用的多是两种,post和get。具体区别如下:

get方式,在浏览器地址栏能够看到提交的信息,把提交的信息组装起来,放到链接里面去。

post方式,填写的信息依然可以发送到服务器,但是链接不会变。安全性会更高。

value的值要放进去,name

raido 复选框的情况

type等于file,name选择文件  accept表示只有该格式的文件可以选择

selec形式下拉菜单,用的是option ,有多个选择 一定要写name

input表单中的name 很重要,它是用来表示浏览器传入后台的数据,不写的话,后台不知道他是谁的,就不会保存了,相当于没有写名字的试卷,老师不会批的。

下面梳理几个知识点

1,http请求的最大长度普遍认为是8K,8192字节,超过这个范围浏览器不会提示报错,有些服务器可能会报错414.

2,input的submit其实个提交的button功能一样

3,label可以作为输入框之前的文本内容

4.type为hidden有两个作用,一个是辨别用户真伪,一个是服务器标识数据,尤其是同类型的数据。

5,CSEF攻击是全名跨站请求伪造,攻击者构造出后台的某个功能接口地址,并且诱导其他用户去点击或者用其他方法让该地址自动加载,让服务器误以为是该用户的合法操作,从而达到攻击者自身需要的功能。

相关文章

  • form表单(一)

    知识点: 什么是表单 GET和POST HTML表单 在HTML中,表单的作用是收集标签中的内容, ... 中间...

  • html的表单知识

    一开始用的时候,我会容易把表单和表格搞混淆,其实在html的语义当中可以很明显的区别出来。 表格我们用的是tabl...

  • 事件处理--表单事件

    表单的基础知识 提交表单 表单的基础知识 在html中,表单是由 元素来表示的,它有以下独有的属性和方法actio...

  • 表单脚本基础知识

    本文介绍了JS表单脚本的基础知识,希望大家对表单脚本有初步的理解,后续还会详细整理各类表单的知识 HTML元素 <...

  • 【javascript】表单的基础知识

    表单的基础知识 在HTML 中,表单是由 元素来表示的,而在JavaScript中,表单对应的则是HTMLForm...

  • $14 表单脚本

    1. 表单基础知识: 在HTML中,表单由 表示;在JS中,表单由HTMLFormElement类型表示,它继承了...

  • HTML表单的简单用法

    HTML表单的简单用法:HTML表单用于搜集不同类型的用户输入。 元素定义HTML表单。HTML表单包含表单元素。...

  • 简单介绍 HTML 表单的用法

    HTML 表单用于收集用户输入, 元素定义 HTML 表单。HTML 表单包含表单元素,表单元素指的是不同类型的...

  • HTML表单的用法

    html表单用于搜集不同类型的用户输入。

    元素 form元素定义html表单 HTML 表单包含表单元...

  • 初识PHP

    基础知识:学习PHP基本教程和表单处理,一些零碎HTML -form表单知识。 目的:搭建内部软件发布平台,上传文...

网友评论

    本文标题:html的表单知识

    本文链接:https://www.haomeiwen.com/subject/wiwtwftx.html