整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

html中表单的使用以及get和post的区别

TML:完成页面的内容展示

CSS:完成页面样式的控制,美化页面,完成页面的布局。

表单:用于采集用户输入的数据。用于和服务器进行交互。

form:用于定义表单的。可以定义一个范围(代表用户采集数据的范围)

属性:action:指定提交数据的url(指的就是把数据提交到哪里)

method:指定提交方式

分类:一共有7种,2种比较常用。

get:1.请求参数会在地址栏显示

2.请求参数的长度是有限制的。

3.请求不安全

post:1.请求参数不会在地址栏显示,会封装在请求体中。

2.请求参数的长度没有限制

3.较为安全

表单里面的数据要想被提交,必须指定它的name属性


文档移动到新的位置,我们需要向客户端发送这个新位置时,我们需要用到网页重定向。当然,也可能是为了负载均衡,或者只是为了简单的随机,这些情况都有可能用到网页重定向。

重定向请求到另一个网页的最简单的方式是使用 response 对象的 sendRedirect() 方法。下面是该方法的定义:

public void HttpServletResponse.sendRedirect(String location)throws IOException

该方法把响应连同状态码和新的网页位置发送回浏览器。您也可以通过把 setStatus() 和 setHeader() 方法一起使用来达到同样的效果:

....String site = "http://www.run.com" ;response.setStatus(response.SC_MOVED_TEMPORARILY);response.setHeader("Location", site); ....

实例

本实例显示了 Servlet 如何进行页面重定向到另一个位置:

package com.runoob.test;import java.io.IOException;import javax.servlet.ServletException;import javax.servlet.annotation.WebServlet;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;/**
* Servlet implementation class PageRedirect
*/@WebServlet("/PageRedirect")public class PageRedirect extends HttpServlet{
 public void doGet(HttpServletRequest request,
 HttpServletResponse response)
 throws ServletException, IOException
 {
 // 设置响应内容类型
 response.setContentType("text/html;charset=UTF-8");
 // 要重定向的新位置
 String site = new String("http://www.runoob.com");
 response.setStatus(response.SC_MOVED_TEMPORARILY);
 response.setHeader("Location", site); 
 }}

现在让我们来编译上面的 Servlet,并在 web.xml 文件中创建以下条目:

....
<servlet>
 <servlet-name>PageRedirect</servlet-name>
 <servlet-class>PageRedirect</servlet-class>
</servlet>
<servlet-mapping>
 <servlet-name>PageRedirect</servlet-name>
 <url-pattern>/TomcatTest/PageRedirect</url-pattern>
</servlet-mapping>....

现在通过访问 URL http://localhost:8080/PageRedirect 来调用这个 Servlet。这将把您转到给定的 URL http://www.run.com。

IE8以认为只有文本标签才有name属性的, 一些元素标签用document.getElementsByName获取不到DOM, 如DIV,span等, 这里做一下兼容。

HTML:

<div name="gas">我是gas</div>
<div name="gas">我是gas</div>
<div name="gas">我是gas</div>
<div name="gas">我是gas</div>
<div name="gas">我是gas</div>


编写自定义函数

function getByName(Name) {   // 编写兼容性函数
    var i = document.getElementsByName(Name)
    if (i > 0) {
    return i;
    } else {
    var aEle = document.getElementsByTagName('*');
    var arr = [];
    for (var i = 0; i < aEle.length; i++) {
    if (aEle[i].getAttribute("name") == Name) {
    arr.push(aEle[i])
    }
    }
    return arr;
    }
}


// 使用方法: