3个回答
展开全部
<html>
<head></head>
<title>javascript弹出的对话框中创建两个文本框</title>
<style type="text/css">
#Mydiv{
display:none;
text-align:center;
padding:20px;
padding-top:40px;
padding-left:100px;
padding-right:100px;
height:0px;
width:0px;
margin-top:180px;
background:#F4F4F4;
border:1px #CCCCCC solid;
border-right:#666666 1px solid;
border-bottom:#666666 1px solid;}
</style>
<script type="text/javascript">
function $(id){return document.getElementById(id);}
function ShowDIV(){
if($("Mydiv").style.display=="block"){
$("Mydiv").style.display="none";
$("c").style.display="block";
$("thisspan").innerHTML = "您确定要在这里添加一组可输入文本框吗？";
}else{
$("Mydiv").style.display="block";
$("c").style.display="none";
}
}
function AddHTML(){
$("thisspan").innerHTML = "<input type=text /><br><input type=text />";
}
</script>
<body>
<center>
<input id="c" type="button" onClick="ShowDIV()" value="点击试试" style="position:absolute; top:260px; display:block;" />
<div title="这是模拟对话框" id="Mydiv">
<table width="316" border="0" cellspacing="0" cellpadding="0">
<tr>
<td id="thisspan" height="104" colspan="3" align="center" valign="middle">您确定要在这里添加一组可输入文本框吗？</td>
</tr>
<tr>
<td width="133" align="right" valign="middle"><input type="button" name="Submit2" value="确定" onClick="AddHTML()"></td>
<td width="41" align="center" valign="middle"> </td>
<td width="142" align="left" valign="middle"><input type="button" name="Submit" value="取消" onClick="ShowDIV()"></td>
</tr>
</table>
</div>
</center>
</body>
</html>
<head></head>
<title>javascript弹出的对话框中创建两个文本框</title>
<style type="text/css">
#Mydiv{
display:none;
text-align:center;
padding:20px;
padding-top:40px;
padding-left:100px;
padding-right:100px;
height:0px;
width:0px;
margin-top:180px;
background:#F4F4F4;
border:1px #CCCCCC solid;
border-right:#666666 1px solid;
border-bottom:#666666 1px solid;}
</style>
<script type="text/javascript">
function $(id){return document.getElementById(id);}
function ShowDIV(){
if($("Mydiv").style.display=="block"){
$("Mydiv").style.display="none";
$("c").style.display="block";
$("thisspan").innerHTML = "您确定要在这里添加一组可输入文本框吗？";
}else{
$("Mydiv").style.display="block";
$("c").style.display="none";
}
}
function AddHTML(){
$("thisspan").innerHTML = "<input type=text /><br><input type=text />";
}
</script>
<body>
<center>
<input id="c" type="button" onClick="ShowDIV()" value="点击试试" style="position:absolute; top:260px; display:block;" />
<div title="这是模拟对话框" id="Mydiv">
<table width="316" border="0" cellspacing="0" cellpadding="0">
<tr>
<td id="thisspan" height="104" colspan="3" align="center" valign="middle">您确定要在这里添加一组可输入文本框吗？</td>
</tr>
<tr>
<td width="133" align="right" valign="middle"><input type="button" name="Submit2" value="确定" onClick="AddHTML()"></td>
<td width="41" align="center" valign="middle"> </td>
<td width="142" align="left" valign="middle"><input type="button" name="Submit" value="取消" onClick="ShowDIV()"></td>
</tr>
</table>
</div>
</center>
</body>
</html>
参考资料： 经验
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
自己写个浮动的div就行了。alert没有现成的。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
对话框没那功能吧，用层吧
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
