HTML-表单提交时获取外部参数

发布于 2016-11-23 09:55:17 字数 1366 浏览 1082 评论 1

在一个表单中,提交请求时会把表单内的内容封装后进行提交,一种方式是submit按钮,另一种是button,button在属性中包含提交操作即可提交。
现在的问题是,能不能把输入的数值提取到表单外部,然后提交请求时获取输入的参数,封装后再提交。

<html>
<head>
<title>算数运算器</title>
</head>
<body bgcolor="eeeeee">
<form method="post" name="form1" action="time.action">
<table>
<tr>
<td>第一个数</td>
<td><input type="text" name="num1" /></td>
</tr>
<tr>
<td>第二个数</td>
<td><input type="text" name="num2" /> </td>
</tr>
</table>
</form>
<table>
<tr>
<td width="80"><input type="submit" value="加法运算" onClick="document.getElementById('form1').action='add.action';document.getElementById('form1').submit();"/> </td>
<td width="20"><input type="submit" value="减法运算" onClick="subtract()"/></td>
<td width="20"><input type="submit" value="乘法运算" onClick="multiply()"/></td>
<td width="20"><input type="submit" value="除法运算" onClick="divide()"/></td>
</tr>
</table>
</body>
</html>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

泛泛之交 2017-03-05 12:16:30

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

<script>
function add(){
var num1=parseInt(document.form1.num1.value);
var num2=parseInt(document.form1.num2.value);
var num=num1+num2;
alert(num);
}
</script>

<body>
<form name="form1">
![请输入图片描述][1]
num1:<input name="num1"/>
num2:<input name="num2"/>
</form>

<table>
<input type="button" value="加" onclick="add()"/>
</table>

</body>
</html>

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文