html怎么获取html表单数据

html中获取表单数据的的方法一般有两种，一个是使用form表单的action属性将表单的数据提交给后台，另外一种就是使用JavaScript方法获取表单的数据，然后通过ajax传送给后台。

工具原料：编辑器、浏览器

一、使用表单的方法提交数据

1、利用form表单的action属性来获取表单的数据并提交，代码如下：

1

2

3

4

5

<form action="form_actionphp" method="get">

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

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

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

</form>

2、以上代码中method指定提交数据的方法为get，action的值是表单数据提交的地址。

二、使用JavaScript方法来获取表单的数据的方法

1、可以使用JavaScript的选择器选择表单的元素并获取其输入的数据，代码如下：

1

2

3

4

5

6

7

8

9

<form action="form_actionphp" method="get">

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

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

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

</form>

<script>

consolelog($('#bt1')val())

consolelog($('#bt2')val());

</script>

2、其中$('#bt1')val()就是获取input输入内容的值

html页面的表单

<form action="myjspjsp" method="post">

你要输入的数据：<input type="text" name="data ">

</form>

在表单中，action动作和method合起来表示把数据交给mujspjsp页面去处理，

在jsp页面呢，用

<% requestgetParmerter("data");%>获取html页面传递过来的数据，

要注意的是，有时候连个页面之间的传递会出现中文乱码现象，

解决乱码的做法是：在jsp页面加上

<% requestsetCharacterEncoding("GB2312");

requestsetCharacterEncoding("GB2312"); %>

这样就不用担心编码问题了

N种方法

第一种document表单名节点名称value

第二种documentall("ID值")value

还有documentgetElementById("ID")value

documentgetElementByTagName("节点类型")[下标]value

documentgetElementByName(Name)[下标]value

javascript获取表单中的值？

如获取form 表单下<input type='text' name='filename'>中的值

两种方法：

1、documentgetElementById("filename")value

2、documentformfilenamevalue

lotus的表单中，通过JavaScript获取表单中的指定域值？

js:documentforms[0]xxvalue就可以了

xx为表单中的域的名称！

如何用js获取表单中的值

给表单中的元素设置id属性，js：

var value = documentgetElementById("你的元素的id")value;

php如何获取表单中textarea的值？

<form action="dophp" method="post">

<input type=textarea name=intext/>

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

</form>

dophp

<php

$intext = $_POST['intext'];

怎样获取form表单中input的值

给input添加 id 例如 <input id="myInput" value="" type=text/>

var aa = documentgetElementById("myInput")val();或者用jquery $("#myInput")val();

ExtJS中怎样获取Form表单中的每一项的值

ExtJS中有事需要获得Form表单的值，根据API可知 getValues() 可以获得单签Form表单中所有 Name 值的一个对象。

片段代码如下：

var formValues=formpanelgetForm()getValues(); 获取表单中的所有Name键/值对对象

alert(formValues["firstname"]); 输出表单中 firstname 字段的值

consolelog(formValues); 输出结果是表单中的所有Name键/值对的一个对象

整体代码如下：

/

Created with JetBrains PhpStorm

User: std

Date: 13-6-9

Time: 上午10:55

To change this template use File | Settings | File Templates

/

ExtonReady(function(){

var formpanel=Extcreate("ExtformPanel",{

title:"Dynamic Form",

draggable:true,

frame:true,

width:330,

height:255,

autoHeight:true,

bodyPadding:"7 5 7 5",

items:[{

xtype:"fieldset",

frame:true,

title:"Contact Information",

defaultType: 'textfield',

defaults:{xtype:"textfield",labelWidth:80,labelAlign:"right",width:280},

items:[{

fieldLabel:"First Name",emptyText:"First Name",name:"firstname"

},{

fieldLabel:"Last Name",emptyText:"Last Name",name:"lastname"

},{

fieldLabel:"Company",emptyText:"Company",name:"pany"

},{

fieldLabel:"Email",emptyText:"Email",name:"email"

},{

fieldLabel:"State",xtype:"bobox",emptyText:"请选择",name:"state"

},{

fieldLabel:"Date of Birth",xtype:"datefield",emptyText:"请选择日期",name:"dateofbirth"

}]

}],

buttons:[

{text:"确定",handler:function(){

var formValues=formpanelgetForm()getValues();

alert(formValues["firstname"]);

consolelog(formValues);

}},

{text:"取消"}

]

});

formpanelrender(ExtgetBody());

});

直接在每一项 的组件里面 添加 一个 id

id:'textId'

ExtgetCmp('textId')getValue()

怎样用jQuery获取表单中的值并赋给数组

类似这样

var i=0;

var fields = $("input")serializeArray();

jQueryeach(fields, function(index, field){inf[i]=fieldvalue;i++;});

在php中怎样获取表单中文件域的值

获取到的POST、GET是数组形式的值，需要通过键值来详细获取相应的值

比如： indexphp 页面

下面是POST方法

<form name=form1 method="post" action="indexphp">

<input type=text name=contents value="">

<input type=submit value="提交">

</form>

<php

获取表单提交的数据

$contents = $_POST['contents'];

echo $contents;

>

也可以是下面是GET方法

<form name=form1 action="indexphp">

<input type=text name=contents value="">

<input type=submit value="提交">

</form>

<php

获取表单提交的数据

$contents = $_GET['contents'];

echo $contents;

>

POST相对于GET方法，更好一些，可以提交大量数据，以及更安全些。

PHP 可以通过POST、GET方法获取到表单提交的数据 获取到的POST、GET是数组形式的值，需要通过键值来详细获取相应的值 比如： indexphp 页面 下面是POST方法 也可以是下面是GET方法 POST相对于GET方法，更好一些，可以提交大量数据，以及更安全些。

可不可以这样：

function ssubmit(){

/

在表单提交前，不用innerHTML获取表单里面的元素。

1：获取表单里面的所有元素。

2：循环获取所有元素的输入信息，重写构成一个字符串，保存输入信息。

如：<input type="text" name="textfield372" value="输入的值"/>

3：处理完所有元素，将得到一个关于表单信息的长字符串，在作为隐藏字段的值。

如：长字符串

：<form ><input type="text" name="textfield372" value="输入的值"/><input type="text" name="textfield372" value="输入的值"/></form>

4：同时注意，这个长字符串的值需要特殊处理，如里面的双引号。。。

/

documentform1submit();

}

有两个页面为别为indexjsp和onlinejsp

<%@

page

language="java"

import="javautil"

pageEncoding="UTF-8"%>

<!DOCTYPE

HTML

PUBLIC

"-//W3C//DTD

HTML

401

Transitional//EN">

<html>

<head>

<title>My

JSP

'indexjsp'

starting

page</title>

</head>

<body>

<form

action="onlinejsp">

<table>

<tr><td>

第一个页面用form单选按钮实现ABCD四个选项

</td></tr>

<tr><td>

1、世界上第一台电子数字计算机研制成功的时间是＿＿＿＿年。<br>

<input

type="checkbox"

name="one"

value="1936"

checked="checked">A、1936

<input

type="checkbox"

name="one"

value="1946">B、1946

<input

type="checkbox"

name="one"

value="1956">C、1956

<input

type="checkbox"

name="one"

value="1975">D、1975

</td></tr>

<tr><td>

2、世界上第一台电子数字计算机取名为＿＿＿＿。<br>

<input

type="checkbox"

name="two"

value="UNIVAC"

checked="checked">A、UNIVAC

<input

type="checkbox"

name="two"

value="EDSAC">B、EDSAC

<input

type="checkbox"

name="two"

value="ENIAC">C、ENIAC

<input

type="checkbox"

name="two"

value="EDVAC">D、EDVAC

<tr><td>

3、从第一台计算机诞生到现在的50多年中，按计算机采用的电子器件来划分，计算机的发展经历了＿＿＿＿个阶段。<br>

<input

type="checkbox"

name="three"

value="4"

checked="checked">A、4

<input

type="checkbox"

name="three"

value="6">B、6

<input

type="checkbox"

name="three"

value="7">C、7

<input

type="checkbox"

name="three"

value="3">D、3<br>

</td></tr>

<tr><td>

<input

type="submit"

name="Submit"

value="提交"

/>

</td></tr>

</table>

</form>

</body>

</html>

____________________________________________________________________

<%@

page

language="java"

import="javautil"

pageEncoding="UTF-8"%>

<html>

<head>

<title>My

JSP

'onlinejsp'

starting

page</title>

</head>

<body>

<%

String

first[]=

requestgetParameterValues("one");

String

second[]=

requestgetParameterValues("two");

String

third[]=

requestgetParameterValues("three");

if(firstlength==0){

outwrite("您选择错了！");

}else

if(first[0]equals("1946")){

outwrite("您选择对了！");

}else{

outwrite("您选择错了！");

}

if(secondlength==0){

outwrite("您选择错了！");

}else

if(second[0]equals("ENIAC")){

outwrite("您选择对了！");

}else{

outwrite("您选择错了！");

}

if(thirdlength==0){

outwrite("您选择错了！");

}else

if(third[0]equals("4")){

outwrite("您选择对了！");

}else{

outwrite("您选择错了！");

}

%>

</body>

</html>

先获取到form表单

然后获取表单中所有input标签，循环判断获取到的input的type，如果没有type，或者type是text，或者type为空 的就是文本框了

var inputs = documentgetElementById("form的id")getElementsByTagNames("input");

var ls = [];

for(var i=0;i<inputslength;i++)

{

var type = inputs[i]getAttribute("type")

if(!type||type==""||type=="text")

{

(function(ele){

ls[lslength] = ele

}(inputs[i]))

}

}

ls里就是所有文本框了

以上就是关于html怎么获取html表单数据全部的内容，包括:html怎么获取html表单数据、html 怎么获取form表单、Javascript如何获取表单数据等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！