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"这样，服务器才能接收到正确的信息。）

Input对象2（貌似是独立标签）的更多相关文章

  1. 根据标记清空页面中所有的input对象

    function clear1(flag) { //获取页面中所有的input对象 var inputs = document.getElementsByTagName("input&quo ...

  2. 第一篇-Html标签中head标签，body标签中input系列，textarea和select标签

    第十四周课程(1-12章节) HTML 裸体 CSS   穿华丽衣服 Javascript 动起来 一 HTML (20个标签) 1.我们的浏览器是socket客户端 2.一套规则,浏览器认识的规则 ...

  3. 使用 JavaScript 实现名为 flatten(input) 的函数，可以将传入的 input 对象（Object 或者 Array）进行扁平化处理并返回结果

    请使用 JavaScript 实现名为 flatten(input) 的函数,可以将传入的 input 对象(Object 或者 Array)进行扁平化处理并返回结果.具体效果如下: const in ...

  4. 通过表单展示不一样的页面（input对象）

    表单中包含不一样的样式,不同功能的提交数据的方式.在许多页面中,浏览者不经意间已经不断在使用表单的功能,如留言,设置自己的密码或者是复选框,下拉列表等. input对象下的多种表单表现形式: 通常在页 ...

  5. JSP九个内置对象及指令、动作标签

    一.JSP九大内置对象 (一)JSP中无需创建就可以使用的9个对象 输入输出对象 1.response(HttpServletResponse):处理JSP生成的响应,然后将响应结果发送给客户端.是s ...

  6. DOM对象属性(property)与HTML标签特性(attribute)

    HTML中property与attribute是极易混淆的两个概念.大多数时候这两个单词都翻译为"属性",为了区分二者,一般将property翻译为"属性",a ...

  7. 正则匹配抓取input 隐藏输入项和 <td>标签内的内容

    这里不多作解释了,只要提供方法,如果想了解正则匹配,就去百度. 第一条是,匹配出所有的隐藏输入域 $patern = "/<input(.*?)type=\"hidden\& ...

  8. Input对象的type类型

    Input表示Form表单中的一种输入对象,其又随Type类型的不同而分文本输入框,密码输入框,单选/复选框,提交/重置按钮等,下面一一介绍. 1,type=text        输入类型是text ...

  9. IE6下 input 背景图滚动问题及标签规范

    ie6 背景图滚动问题: <title>ie6下input背景图滚动问题</title> <style> .box{ height:20px; width:300p ...

随机推荐

  1. Unity自己主动打包工具

    最開始有写打包工具的想法,是由于看到<啪啪三国>王伟峰分享的一张图,他们有一个专门的"工具程序猿"开发各种工具. (ps:说起来这个王伟峰和他的创始团队成员,曾经跟我是 ...

  2. An O(ND) Difference Algorithm and Its Variations (1986)

    http://citeseerx.ist.psu.edu/viewdoc/summary?doi=10.1.1.4.6927 The problems of finding a longest com ...

  3. 中国vs美国制造业公司营业额大排名，看看哪些属于美国制造业的优势产业（中美旗鼓相当，而且还有本土制造的优势）

    当然,所谓的美国制造业,大量的东西现在 在中国制造和生产,但这里列举的,主要是卖实体工业产品为主的美国公司这个榜单里主要列出以工业产品销售为主的公司. 所以各大能源巨头虽然本身也是装备制造大户,但没被 ...

  4. Android cookies正确的更新方式

    之前的更新方式 一搜cookies的使用,非常easy搜到非常多文章.主要的几步大致同样.例如以下图: 基本上都要求大家先调用cookieManager.removeAllCookie()或者调用 c ...

  5. log4j 路径环境变量配置和log4j加载配置

    1.lo4j日志路径从环境变量读取,log4j.xml配置如下: 具体配置如下: log4j.appender.R.Encoding=UTF-8 log4j.appender.R=org.apache ...

  6. ArrayDeque类的使用详解

    ArrayDeque是Deque接口的一个实现,使用了可变数组,所以没有容量上的限制. 同时,ArrayDeque是线程不安全的,在没有外部同步的情况下,不能再多线程环境下使用. ArrayDeque ...

  7. dede摘要长度,dedecms摘要限制,dedecms摘要字数

    dede摘要长度,dedecms摘要限制,dedecms摘要字数 如果可以有效控制文章摘要的字数,那么就可以使得页面布局很灵活. 在Dedecms中,在列表页调用文章摘要的方法主要有: 1:[fiel ...

  8. easyUI-右键菜单,关闭选项卡

    <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding= ...

  9. JAVA interrupte中断线程的真正用途

    Java线程之中,一个线程的生命周期分为:初始.就绪.运行.阻塞以及结束.当然,其中也可以有四种状态,初始.就绪.运行以及结束. 一般而言,可能有三种原因引起阻塞:等待阻塞.同步阻塞以及其他阻塞(睡眠 ...

  10. iOS copy/retain/assign

    1 深复制:内容拷贝,源对象和副本对象指的是两个不同的对象,源对象引用计数器不变,副本对象引用计数器为1 2 浅复制:指针拷贝,源对象和副本对象指的都是同一个对象,对象引用计数器+1,相当于retai ...