怎样把从html输入框提取值并搜索_框架

不知道所谓是搜索指的是啥。

取值：

<html>

<head>

function gogogo() {

consolelog(documentforms[0]xxxxvalue);

consolelog(documentforms[0]nnnnvalue);

consolelog(documentgetElementById("xxxx")value);

consolelog(documentgetElementsByName("nnnn")[0]value);

}

</script>

</head>

<body>

<form>

</form>

</body>

</html>

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

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

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

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

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

</form>

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

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

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

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

</form>

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

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

</script>

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

get提交是把表单内的元素，转化成url参数提交，

像你上面所写的的话，你点击注册，你浏览器的URL地址就变成了form_actionasp？fname=&iname= ，这样不安全，

用post方式提交，就不会使用url传参数，安全性可靠！

获取文本框中的内容有以下两种方法：

假设为如下文本框：

1、原生JS获取文本框的值：

documentgetElementById("text")value //text为文本框的id

2、jquery获取文本框的值：

$("#text")val()

以上就是关于怎样把从html输入框提取值并搜索全部的内容，包括:怎样把从html输入框提取值并搜索、html中如何获取表单的数据、HTML表单用户输入后的数据怎提取等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

怎样把从html输入框提取值并搜索