如何获取HTML中用户输入到文本框中的内容

原生JS:

var oInput =documentgetElementById("app") //获取一个id为app的输入框元素；

var getHtml = oInputinnerHTML //获取该元素的内容并赋值给getHTML;

扩展资料：

JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML网页上使用，用来给HTML网页增加动态功能。

在1995年时，由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。

JavaScript脚本语言具有以下特点:

(1)脚本语言。JavaScript是一种解释型的脚本语言,C、C++等语言先编译后执行,而JavaScript是在程序的运行过程中逐行进行解释。

(2)基于对象。JavaScript是一种基于对象的脚本语言,它不仅可以创建对象,也能使用现有的对象。

(3)简单。JavaScript语言中采用的是弱类型的变量类型,对使用的数据类型未做出严格的要求,是基于Java基本语句和控制的脚本语言,其设计简单紧凑。

参考资料来源：百度百科-js

<input type="text" name="name" ><input type="button" value="确定">

定义一个变量通过requestgetParameter("name")取得，其中name 是标签名称

另外在javascript中可以

先在标签里加上一个id 如<input type="text" name="name" id="name">

再通过documentgetElementById("name")value 取得标签中的值

//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

有两种方式

第一种通过js

var items = documentgetElementsByName("name的名称")

获取所有文本框的对象,遍历取出值,然后赋值给一个隐藏控件

传到后台

另一种是

把这个input 动态产生文本产生时要放到form表里面

你在后台可以通过requestform["name名称"]获取值

这时候获取的值是以逗号分隔开的字符串

可以使用split(',')来进行分割成每个值

1、首先打开hbuilder软件，新建一个html文件，里面写入一个p标签和一个按钮标签。

2、然后在p标签的下方设置一个script标签，里面写入js胆码；先获取p标签和按钮的dom对象，然后给按钮添加一个点击事件，再点击事件爱的回调中alertp标签的text属性即可。

3、最后打开浏览器，可以看到一段文字和一个按钮，点击这个按钮。

4、就可以d出内容了。

  html中获取标签的数据，可以通过js来获取，如下代码：

<script type="text/javascript" src="js/jqueryjs"></script>

<script type="text/javascript">

function validate(){

//一 ．是通过jDOM

// var attitudeObj = documentgetElementById("attitude");

//var attitude = attitudeObjinnerHTML;

//二 ．是通过jquery

var att = $("#attitude")text();//可以得到输入域中的内容

var idnum = $("#idnum")val();

var name = $("#name")val();

var t_name =  $("#t_name")val() ;

var pro_name =  $("#pro_name")val() ;

// alert(att);

if( name == null || name == "" ){

alert("请输入毕业设计名称!");

return false;

}

att   =   attreplace(/\s+/g,"");

if( att == null || att == ""){

alert("请输入选题须知！");

return false;

}

if( t_name == null || t_name == "" ){

alert("请选择教师!");

return false;

}

if( pro_name == null || pro_name == ""){

alert("请选择专业！");

return false;

}

location="teacher/mainfrajsp";

//location="teacherAction_AddGraduationTitleactionidnum=" + idnum +"&cname=" + cname +"&start=" + start+"&end=" + end;

return true;

}

</script>

</head>

<body">

<div >

<div style="margin-left: 100px;">

<!--   <form action="teacherAction_AddGraduationTitleaction" method="post" >-->

<span>自动编号：</span><input type="text" readonly="readonly" name="idnum" id="idnum" style="background: gray;" value="<s:property value="#requestmaxIdnum"/>"/><br/>

<br/>

<span>毕业设计名称：</span><input type="text" name="name" id="name"/><br/><br/>

<span>所属教师：</span><select name="t_name" id="t_name">

<option></option>

<s:iterator value="teacherList">

<option value="<s:property value='idnum' />"><s:property value="name" /></option>

</s:iterator>

</select> <br/> <br/>

<span>所属专业：</span><select name="pro_name" id="pro_name">

<option></option>

<s:iterator value="professionList">

<option value="<s:property value='idnum' />"><s:property value="pro_name" /></option>

</s:iterator>

</select>

<br/>

<br/>

<span>选题须知：</span>

<textarea id ="attitude" name="attitude" rows="3" cols="30" style="color: red;">

</textarea>

<br/>

<br/>

<input type="button" value="添加">  <input style="margin-left: 100px" type="reset" value="重置">

<!-- </form> -->

</div>

</div>

</body>

以上就是关于如何获取HTML中用户输入到文本框中的内容全部的内容，包括:如何获取HTML中用户输入到文本框中的内容、java怎么获取html中的文本域中的内容、怎样获得html文本框里的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！