JavaScript之form(表单)

一、表单的获取方式

  1,document.getElementById()  //通过表单的Id

  2,  document.forms[index];  //文件中的第几个表单

  3,document.forms[form name]   //表单的名字

  4,document.form_name    //直接用表单名字获取

二、表单的对象的属性

  get方式和post方式的区别

    1. get方式会将提交的数据以(?name1=value1&name2=value2...)放在url后面

      post方式会将数据以(name1=value1&name2=value2...)放在“请求实体”中

    2.  get将数据放在url后,由于url是有长度的,且url是可见,所以get方式不适合发送一些敏感数据

      post方式将数据放在“请求实体”中,理论上是无限制,post方式适合发送一些敏感数据

     3.  get方式请求会有缓

        post方式请求不会有缓存

 

三、表单的编码方式

  enctype的值的区别

    1.   application/x-www-form-urlencoded(默认、且常用)

      无论post方式还是get方式提交,表单数据均以(name1=value1&name2=value2...)组织数据

    2.multipart/form-data(表单上传文件时)

      1)get方式,表单以(name1=value1&name2=value2...)组织数据

      2)post方式,表单数据会放在类似于“------WebKitFormBoundaryGSF0lHBAvwWyAcuV”字符串中间

    3.text/plain

      1)get方式,表单以(name1=value1&name2=value2...)组织数据

      2)post方式,表单数据会以name1=value2,name2=value2,数据之间没有连接符号

 

四、表单对象的事件

  1.对于表单中设置的提交、重置按钮,会触发onsubmit事件、onreset事件

  2.在表单外部通过submit()提交表单不会触发onsubmit事件

  3.在表单外部通过reset()重置表单会触发onreset事件

  4.我们将onsubmit事件、onreset事件返回一个false就可以阻止事件的执行

 

猜你喜欢

转载自www.cnblogs.com/weishenme/p/10822782.html