javascript怎么输入第一个文本框中的数字按钮一下，从第二个文本框内输出代码实现
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了javascript怎么输入第一个文本框中的数字按钮一下，从第二个文本框内输出代码实现相关的知识，希望对你有一定的参考价值。
javascript怎么输入第一个文本框中的数字按钮一下，从第二个文本框内输出代码实现
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<table width="528" border="1">
<tr>
<td width="268">请输入盒子的长：</td>
<td width="244"><form id="form1" name="form1" method="post" action="">
<label>
<input type="text" name="textfield" id="textfield" />
</label>
</form> </td>
</tr>
<tr>
<td>请输入盒子的宽：</td>
<td><form id="form2" name="form2" method="post" action="">
<label>
<input type="text" name="textfield2" id="textfield2" />
</label>
</form> </td>
</tr>
<tr>
<td>请输入盒子的高：</td>
<td><form id="form3" name="form3" method="post" action="">
<label>
<input type="text" name="textfield3" id="textfield3" />
</label>
</form> </td>
</tr>
<tr>
<td colspan="2" align="center"><form id="form4" name="form4" method="post" action="">
<label>
<input type="submit" name="button2" id="button2" value="提交" />
</label>
<label>
<input type="submit" name="button" id="button" value="重置" />
</label>
</form></td>
</tr>
<tr>
<td>你输入的盒子的长是：</td>
<td> </td>
</tr>
<tr>
<td>你输入的盒子的宽是：</td>
<td> </td>
</tr>
<tr>
<td>你输入的盒子的高是：</td>
<td> </td>
</tr>
</table>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<form id="form1" name="form1" method="post" action="" onSubmit="return show();">
<table width="528" border="1">
<tr>
<td width="268">请输入盒子的长：</td>
<td width="244">
<label>
<input type="text" name="textfield" id="textfield" />
</label>
</td>
</tr>
<tr>
<td>请输入盒子的宽：</td>
<td>
<label>
<input type="text" name="textfield2" id="textfield2" />
</label>
</td>
</tr>
<tr>
<td>请输入盒子的高：</td>
<td>
<label>
<input type="text" name="textfield3" id="textfield3" />
</label>
</td>
</tr>
<tr>
<td colspan="2" align="center"><form id="form4" name="form4" method="post" action="">
<label>
<input type="submit" name="button2" id="button2" value="提交" />
</label>
<label>
<input type="reset" name="button" id="button" value="重置" />
</label>
</form></td>
</tr>
<tr>
<td>你输入的盒子的长是：</td>
<td id="as"> </td>
</tr>
<tr>
<td>你输入的盒子的宽是：</td>
<td id="bs"> </td>
</tr>
<tr>
<td>你输入的盒子的高是：</td>
<td id="cs"> </td>
</tr>
</table>
</form>
<script>
function show()
document.getElementById("as").innerHTML = document.getElementById("textfield").value;
document.getElementById("bs").innerHTML = document.getElementById("textfield2").value;
document.getElementById("cs").innerHTML = document.getElementById("textfield3").value;
return false;
</script>
</body>
</html>本回答被提问者采纳
js怎么控制文本框只能输入数字
参考技术A1、首先打开hbuilder编辑器，新建一个html文档，在html文档中输入一个input框，设置形式为text，给它一个id，命名为ant并在上方的style里设置简单的样式：
2、然后在下方新建一个script标签，首先用window.onload设置当文档内容完全加载完毕再去执行函数中的代码，然后获取文本框对象，接着为文本框注册keyup事件处理函数，判断输入为非数字时弹出警告：
3、最后用onbeforepaste和oncontextmenu函数防止用户右键复制黏贴：
4、写好代码后，来到编辑器右侧的浏览器，在这里输入一段数字：
5、当输入字母时，就会弹出警告了，至此js控制文本框只能输入数字的功能就实现了：
以上是关于javascript怎么输入第一个文本框中的数字按钮一下，从第二个文本框内输出代码实现的主要内容，如果未能解决你的问题，请参考以下文章