美文网首页
HTML 表单用法

HTML 表单用法

作者: Yoyo_UoU | 来源:发表于2017-11-26 23:51 被阅读0次

表单基本结构

<form action="URL" method="get/post">
  <input type="text" name=""  placeholder="请输入用户名"/>
  <input type="password" name="" />
  <textarea rows="3" cols="20"></textarea>
  <input type="submit" value="Submit" />
</form>

Form 表单作用

  • 向服务器传输用户输入数据
  • action 属性 => 当提交表单时向指定地址发送表单数据。
  • method 属性 => 指定传输方式

get post 区别

  • get:
    1.不安全传输方式,会把输入的信息在url链接上面显示,泄露信息。
    2.传输速度快。
  • post:
    1.比起get 它会更安全,不会把在url链接上泄露信息。
    2.传输速度慢。
    如果传递的信息不重要的情况下可以选用get传输,重要的信息不愿意泄露还是用post。
    (区别还是有很多,但目前我了解到的是这些,以后会更新)

input用法

1.type属性 => 根据不同的type属性值 会收集到用户的信息


  • text => 输入文本
  • password => 填密码
  • file => 文件上传
  • radio => 单选按钮
  • checkbox => 多选按钮
  • reset => 重置按钮
  • submit => 提交表单按钮
  • hidden => 隐藏表单 用于后台传参数又不需要显示
    type属性还有很多,而且html5也新出了type属性,根据自己的需求自行选择

2.input里name的作用 => 用于对数据的描述,后端通过method传递数据
3.placeholder的作用 => 用于对输入内容的提示

textarea

多行的文本输入控件


和 input 的区别是它可以容纳无限数量的文本,而后者有默认限制的字数。

js获取文档表单的集合

document.forms
eg:

<form name="Form1"><input type="text" name="name"></form>
<form name="Form2"></form>
<form name="Form3"></form>
console.log(document.forms[0].name);       //Form1
console.log(document.forms[1].name);      //Form2
console.log(document.Form1.name);       //<input type="text" name="name">
直接获取元素

forms["myForm1"]就可以根据名字取的相应的form
forms["myForm1"]["name"]根据这个相应的form里名字为name的input元素
document.Form1.name 也可以直接访问元素;

相关文章

  • HTML表单的简单用法

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

  • HTML表单的用法

    HTML表单的用法 表单表单作用:HTML表单用于搜集不同类型的用户输入。表单的工作机制访问一个含有表单的页面输入...

  • FORM 表单

    html表单的简单用法 form表单作用: form标签用于为用户输入创建HTML表单,用于向服务器传输数据 fo...

  • 表单的一些用法

    HTML表单的一些用法 1.表单的作用: HTML 表单用于接收不同类型的用户输入,用户提交表单时向服务器传输数据...

  • HTML表单介绍

    HTML表单用法 HTML 表单用于接收不同类型的用户输入,用户提交表单时向服务器传输数据,从而实现用户与Web服...

  • form的基本知识

    1.form表单的定义和用法? 标签用于为用户输入创建 HTML 表单。表单能够包含 input 元素,比如文本字...

  • form介绍

    表单的用法 form表单的作用,常用的input标签,及其作用? HTML的form表单主要是用于收集提交不同类型...

  • HTML表单用法

    HTML 表单用于搜集不同类型的用户输入。 1.

    元素: 元素定义 HTML 表单 1.<...

  • HTML表单的用法

    Html表单用于搜集不同类型的用户输入。 常用属性 元素 元素定义 HTML 表单区间,而这个区间的...

  • html表单的用法

    form 是html中一个比较常用的标签,form的作用是用来收集用户输入的信息,即用户需要与服务器交互,需要提交...

网友评论

      本文标题:HTML 表单用法

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