程序博客网 > 藏头诗魂归大海知乎

javascript

来源：互联网发布：藏头诗魂归大海知乎编辑：程序博客网时间：2024/06/01 08:29

javascript弹出的对话框中创建两个文本框

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

藏头诗魂归大海知乎

藏头诗魂归大海知乎

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子湖北嘉鱼嘉鱼招聘嘉鱼迎宾馆嘉鱼花店嘉鱼送花嘉鱼吧嘉鱼房价嘉鱼热线嘉鱼黄页嘉鱼长江大桥嘉鱼县属于哪个市嘉鱼热线招聘嘉鱼热线供求嘉鱼招聘热线嘉鱼县长被杀嘉鱼长江大桥2019年元旦通车湖北省嘉鱼县是哪个市咸宁市嘉鱼县酒店嘉鱼招聘信息嘉鱼山湖温泉酒店别墅嘉鱼热线招聘供求信息嘉鱼热线供求信息加鱼热线嘉鸿典雅花园橘子国花园怡和花园格林花园天翔花园嘉元花园德敏花园嘉鹏嘌花生嘌呤高吗嘌呤表高嘌呤食物有哪些大闸蟹嘌呤嘌呤查询螃蟹嘌呤海带嘌呤高吗嘌呤痛风