zoukankan      html  css  js  c++  java
  • Input对象2(貌似是独立标签)

    6.hidden隐藏域的样式表单:
    Hidden属性可以创建一个隐藏域,数据会被隐藏起来,因此用户是无法操作的。这样说来hidden好像没有什么用,事实上,正是出于安全的考虑,在多步操作数据的同时,用hidden来记录页面的数据,并将它隐藏起来。
    这些数据是用户并不关心的但又必须被提交的数据。例如,它可能是用户操作时的特殊数据,用户并不在意,但必须被提交。然后页面跳转进入下一个页面的同时,页面已经继承第一个页面的数据,但是用户是看不到的。最后将用户提交的所有数据一起发送到服务器。
    通常这种方式运用于动态页面你制作,当填写好第一张表单时,处理表单的脚本程序可以动态生成第二张表单,同时,其中包含了第一张表单的一些数据。它们看起来可能是这样的:

    <form action="some.asp">
        <input type="hidden" name="somehidden" value="some">
        <input type="submit" value="下一页">
    </form>

    当单击“下一页”按钮之后,跳转到下一个页面时,页面会记录第一个页面中的数据:
    <%=request("somehidden")%>
    (注意,通过HTML页面源码可以查看该元素属性的值,所以不要用hidden来传递敏感信息,如密码、手机号等)


    7.image样式的表单:
    看上去,image样式的表单就像是在页面中放入图像,又或者类似于图像替换文本的技术,那不妨将其看作是用图像替换按钮的技术。当图像被单击时,数据一并被提交至服务器,代码如下:
    <input type="image" src="小图标.jpg" alt=" 确 定 ">
    (同样在编辑图像的时候,使用src属性指定这张图像的路径,使用alt属性来添加文本注释)

    然后你就会新发现“确定”按钮被换成了一个小小的图像,单击该图像的时候,其作用就相当于单击submit按钮。不过当表单数据被提交的同时,用户所单击的图像的位置坐标也会被发送:
    image.x=23
    image.y=59


    7.5. button
    不仅仅可以使用图像作为按钮,表单中还有一种触发事件的button表单,button样式只是一个按钮,单个button按钮不会提交任何数据,其作用是调用前端页面,即客户端的脚本程序
    如一开始我们那个算矩形面积和体积的
    <input type="button" value="运行" onclick="calculate();">
    这个button就是用来调用一个简单的JavaScript的脚本程序


    8.file上传文件的样式表:
    file样式的表单允许用户上传自己,这在论坛、社区类型的网站中经常会遇到。例如用户上传自己的图像给服务器,用来改变用户在不同网站上的形象图片
    <body>
    上传我的文件:

    <body>
            上传我的文件:
            <form action="..." method="post" enctype="multipart/form-data">
                <input type="file" name="uploadfile" id="uploadfile"/>
            </form>
    </body>

    (当使用file样式的表单时,必须在form的标签中说明编码方式。如enctype="multipart/form-data"这样,服务器才能接收到正确的信息。)

  • 相关阅读:
    自己建二维obj
    微信webview
    闭包
    angular
    2015项目timeline
    项目总结
    aa
    AHA高级心血管生命支持ACLS课前自我评估测试
    BASH_SOURCE
    bootstrap--小李子demo
  • 原文地址:https://www.cnblogs.com/wangshen31/p/7913008.html
Copyright © 2011-2022 走看看