javascript表单输入的内容在同一页显示预览
在这段代码的基础上修改,要求是表单里的内容在点提交后在同一页的下方显示:<html><head><title>表单制作</title><scripttype="text/...
在这段代码的基础上修改,要求是表单里的内容在点提交后在同一页的下方显示:
<html>
<head><title>表单制作</title>
<script type="text/javascript">
function disp_alert()
{
var r=confirm("您选择了提交!");
if (r==true)
{
alert("提交成功!");
}
{
document.write("留言标题是:" + name)
}
}
function sp_alert()
{
var r=confirm("您选择了清除!");
if (r==true)
{
alert("清除成功!");
}
}
</script>
</head>
<body>
<form>
请输入留言标题:<br><input name="a" type="text" size="60" onblur=confirm("您输入的标题还没结束,请继续输入")></input><br>
请输入内容:<br><textarea name="az" rows=6 cols=60 wrap="" id=""></textarea><br>
<input name="bz" type="submit" onclick="disp_alert()" value="提交按钮">
<input name="cz" type="reset" onclick="sp_alert()" value="清除按钮">
</form>
</body>
</html> 展开
<html>
<head><title>表单制作</title>
<script type="text/javascript">
function disp_alert()
{
var r=confirm("您选择了提交!");
if (r==true)
{
alert("提交成功!");
}
{
document.write("留言标题是:" + name)
}
}
function sp_alert()
{
var r=confirm("您选择了清除!");
if (r==true)
{
alert("清除成功!");
}
}
</script>
</head>
<body>
<form>
请输入留言标题:<br><input name="a" type="text" size="60" onblur=confirm("您输入的标题还没结束,请继续输入")></input><br>
请输入内容:<br><textarea name="az" rows=6 cols=60 wrap="" id=""></textarea><br>
<input name="bz" type="submit" onclick="disp_alert()" value="提交按钮">
<input name="cz" type="reset" onclick="sp_alert()" value="清除按钮">
</form>
</body>
</html> 展开
2个回答
展开全部
<html>
<head><title>表单制作</title>
<script type="text/javascript">
function disp_alert()
{
var r=confirm("您选择了提交!");
if (r==true)
{
alert("提交成功!");
document.getElementById("show").innerHTML="留言标题是:" + document.getElementById("a").value;
}
return false;
}
function sp_alert()
{
var r=confirm("您选择了清除!");
if (r==true)
{
alert("清除成功!");
}
}
</script>
</head>
<body>
<form>
请输入留言标题:<br><input id="a" type="text" size="60" onblur=confirm("您输入的标题还没结束,请继续输入")
></input><br>
请输入内容:<br><textarea id="az" rows=6 cols=60 wrap="" id=""></textarea><br>
<input name="bz" type="submit" onclick="return disp_alert()" value="提交按钮">
<input name="cz" type="reset" onclick="sp_alert()" value="清除按钮">
</form>
<div id="show"></div>
</body>
</html>
另外,你那个失去焦点的事件最好判断一下,要不只要一离开都会提示标题没结束!
<head><title>表单制作</title>
<script type="text/javascript">
function disp_alert()
{
var r=confirm("您选择了提交!");
if (r==true)
{
alert("提交成功!");
document.getElementById("show").innerHTML="留言标题是:" + document.getElementById("a").value;
}
return false;
}
function sp_alert()
{
var r=confirm("您选择了清除!");
if (r==true)
{
alert("清除成功!");
}
}
</script>
</head>
<body>
<form>
请输入留言标题:<br><input id="a" type="text" size="60" onblur=confirm("您输入的标题还没结束,请继续输入")
></input><br>
请输入内容:<br><textarea id="az" rows=6 cols=60 wrap="" id=""></textarea><br>
<input name="bz" type="submit" onclick="return disp_alert()" value="提交按钮">
<input name="cz" type="reset" onclick="sp_alert()" value="清除按钮">
</form>
<div id="show"></div>
</body>
</html>
另外,你那个失去焦点的事件最好判断一下,要不只要一离开都会提示标题没结束!
追问
内容框的呢???内容框的没显示出来啊
展开全部
<html>
<head><title>表单制作</title>
<script type="text/javascript">
function disp_alert()
{
var r=confirm("您选择了提交!");
if (r==true)
{
alert("提交成功!");
}
{
document.getElementById("tj").innerHTML="留言标题是:" + name;
}
}
function sp_alert()
{
var r=confirm("您选择了清除!");
if (r==true)
{
alert("清除成功!");
}
}
</script>
</head>
<body>
<form>
请输入留言标题:<br><input name="a" type="text" size="60" onblur=confirm("您输入的标题还没结束,请继续输入")></input><br>
请输入内容:<br><textarea name="az" rows=6 cols=60 wrap="" id=""></textarea><br>
<input name="bz" type="submit" onclick="disp_alert()" value="提交按钮">
<input name="cz" type="reset" onclick="sp_alert()" value="清除按钮">
</form>
<div id="tj"></div>
</body>
</html>
<head><title>表单制作</title>
<script type="text/javascript">
function disp_alert()
{
var r=confirm("您选择了提交!");
if (r==true)
{
alert("提交成功!");
}
{
document.getElementById("tj").innerHTML="留言标题是:" + name;
}
}
function sp_alert()
{
var r=confirm("您选择了清除!");
if (r==true)
{
alert("清除成功!");
}
}
</script>
</head>
<body>
<form>
请输入留言标题:<br><input name="a" type="text" size="60" onblur=confirm("您输入的标题还没结束,请继续输入")></input><br>
请输入内容:<br><textarea name="az" rows=6 cols=60 wrap="" id=""></textarea><br>
<input name="bz" type="submit" onclick="disp_alert()" value="提交按钮">
<input name="cz" type="reset" onclick="sp_alert()" value="清除按钮">
</form>
<div id="tj"></div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询