怎样获得html文本框里的值

怎样获得html文本框里的值,第1张

//html:

<input type="text"  id="user"/>

<button onClick="beat()">login</button>

//js

function beat(){

//jQuery获取文本框的值

$("user")val();

windowalert(contentvalue);

//这个时候比较要用“==”

if(contentvalue=="admin"){

do

//跳转页面

//方法1

windowlocationhref="newhtml";

//方法2

windownavigate("newhtml");

toplocation='newhtml';

}else{}

}

扩展资料

<input id="test" type="text" value="HTML5" />

<div id="btn">查看input的值</div>

<script>

var test = documentgetElementById("test");

var btn = documentgetElementById("btn");

btnonclick = function(){

alert(testvalue)

}

</script>

参考资料:

百度百科 HTML

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

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

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

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

<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的选择器选择表单的元素并获取其输入的数据,代码如下:

<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输入内容的值

不知道你这两个页面的联系,是父子窗口关系?还是就是单纯的两个页面。如果是传值,用js也可以得到值

直接var a="<%= requestgetParameter("aa")%>";就可以得到,或者用c标签

<% requestsetAttribute("a", requestgetParameter("aa"));%>

${a}也可以得到。前提是你的值是a标签传过来的。

1 使用表单的方式传参

把表单元素放在<form> 标签里面,直接提交表单就行

2 使用URL重定向方式传值

比如:locationhref = "logindomethod=checktel&name=lisi&age=10";

后台通过 request 对象接收参数

String name = requestgetParameter("name");

String age = requestgetParameter("age");

以上就是关于怎样获得html文本框里的值全部的内容,包括:怎样获得html文本框里的值、html中如何获取表单的数据、html页面怎么利用JQuery获取别的页面中提交来的数据等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/10040442.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-04
下一篇 2023-05-04

发表评论

登录后才能评论

评论列表(0条)

保存