美文网首页
HTML表单用法

HTML表单用法

作者: 魏彤2017 | 来源:发表于2017-02-14 16:36 被阅读0次

    表单标签

    • form元素
    • <form> 元素定义 HTML 表单,作为表单的外壳把用户输入的不同类型的数据提交到后台。
    • input元素
      • 常用input标签


        常用input标签.jpg
    • button元素
      • <button> 元素定义可点击的按钮
        <button type="button" onclick="alert('Hello World!')">Click Me!</button>
    • select元素
      • <select> 元素定义下拉列表
        <select name="cars"> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="fiat">Fiat</option> <option value="audi">Audi</option> </select>
    • option元素
      • <option> 元素定义待选择的选项。
        列表通常会把首个选项显示为被选选项。
        能够通过添加 selected 属性来定义预定义选项。
        <option value="fiat" selected>Fiat</option>
    • textarea元素 多行文本框
      • <textarea> 元素定义多行输入字段(文本域)
        <textarea name="message" rows="10" cols="30"> The cat was playing in the garden. </textarea>

    get与post区别

    1、Get是把参数数据队列加到提交表单的ACTION属性所指的URL中,值和表单内各个字段一一对应,在URL中可以看到。post是通过HTTP post机制,将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址。用户看不到这个过程。

    2、Get 方式传输的数据量非常小,一般限制在 2 KB 左右,但是执行效率却比 Post 方法好;而 Post 方式传递的数据量相对较大,它是等待服务器来读取数据,不过也有字节限制,这是为了避免对服务器用大量数据进行恶意攻击。

    3、跟是一样的,也就是说,action页面后边带的参数列表会被忽视;而 跟 是不一样的。

    4、Get安全性非常低,Post安全性相对较高。

    • 建议:除非你肯定你提交的数据可以一次性提交,否则请尽量用 Post 方法

    相关文章

      网友评论

          本文标题:HTML表单用法

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