• HTML5 表单的补充+注意事项


    input标签中

     type="image" type="submit"属性   的区别    (下文简写imagesubmit)

    1.这两者都可以响应请求;

    2.不同之处是当 method="GET" 时,当鼠标点击image时,除了能正常请求URL,还能把鼠标点击图片时的焦点坐标(注意:

    这个焦点坐标是相对于点击的图片说的)作为参数出现在url里。 http://passport.cnblogs.com/login.aspx?uname=%D5%C5%C8%FD&pwd=123&x=168&y=21

     

     

    表单中的只读和禁用属性

    1. 只读:服务器方不希望用户修改数据,只是要求这些数据在表单中显示。例如注册或交易协议,商品价格等。

    2. 禁用:只有满足某个条件后,才能使用某项功能。例如,只有用户同意注册协议后才允许单击”注册“按钮。播放器空间在播放状态不能再单击”播放“按钮等。

     

     

    label标签

    label 元素不会向用户呈现任何特殊的样式。如果用户点击 label 元素内的文本,则会切换到控件本身。

    <label> 标签的 for 属性值应该等于相关元素的 id 属性值,以便将它们捆绑起来。

    实例

    <form>

    <label for="male">男</label>

    <input type="radio" name="sex" id="male" />

    <br />

    <label for="female">女</label>

    <input type="radio" name="sex" id="female" />

    </form>

    解释:

    点击男就会选择男的按钮,点击女就会选择女的按钮

     

     

     

    get post区别

    表单用来接受用户的输入,并将用户的输入以“name=value值对集合的形式提交到服务器进行处理

    表单form的一些属性

    1、id:表单的唯一标识

    2、name:表单的名字

    3、method:定义表单提交的方法,有两种方法:Post方法和Get方法

    4、action:用于处理表单的服务器端页面(以URL 形式表示)

    表单中的控件有两个属性是非常重要的:name属性和value属性,每一个控件的这两个属性将构成“name-value对”提交到action属性所定义的页面进行处理

    post方法提交的表单,数据将以数据块的形式提交到服务器,表单数据不会出现在浏览器的URL中,所以用这种方式提交的表单数据是安全的。如果表单数据中包含类似于密码等数据,建议使用post方法。

    Get方法是发送表单数据的默认方法,这种方法会以“?name1=value1&name2=value2”的形式,将表单数据附加到浏览器中URL的后面,提交到服务器处理,这种方法安全性当然不如post方法,因为表单数据会暴露在URL中,但是它的处理效率要比post方法高。如果表单中的数据没什么隐私数据,建议使用get方法,它的效率较高。

    总结:

    get:提交的数据量要小于1024字节,表单提交时表单域数值(表单请求的信息:账号、密码)将在地址栏显示。

     

     

     

    HTML <form> 标签的 enctype 属性

    实例

    在下面的例子中,表单数据会在未编码的情况下进行发送:

    <form action="form_action.asp" enctype="text/plain">

      <p>First name: <input type="text" name="fname" /></p>

      <p>Last name: <input type="text" name="lname" /></p>

      <input type="submit" value="Submit" />

    </form>

    定义和用法

    enctype 属性规定在发送到服务器之前应该如何对表单数据进行编码

    默认地,表单数据会编码为 "application/x-www-form-urlencoded"。就是说,在发送到服务器之前,所有字符都会进行编码(空格转换为 "+" 加号,特殊符号转换为 ASCII HEX 值)。

    语法

    <form enctype="value">

    属性值

    描述

    application/x-www-form-urlencoded

    在发送前编码所有字符(默认)

    multipart/form-data

    不对字符编码。

    在使用包含文件上传控件的表单时,必须使用该值。

    text/plain

    空格转换为 "+" 加号,但不对特殊字符编码。

     

     

     

  • 相关阅读:
    Java中,&&与&,||与|的区别
    Hibernate中的merge方法 以及对象的几中状态
    你希望函数的某些参数强制使用关键字参数传递:
    7.1 可接受任意数量参数的函数:
    perl urlencode
    python UnicodeDecodeError: 'utf8' codec can't decode byte 0xd6 in position 15: invalid continuation
    python 使用__slots__
    python 面向对象编程
    Python flask post接口
    python flask get传参
  • 原文地址:https://www.cnblogs.com/expedition/p/11183623.html
Copyright © 2020-2023  润新知