用javascript做一个注册页面,怎样在alert中显示出来 30
1.比如怎样将它显示在alert里。。求一个源程序。急。。谢谢2.没学过CSS。。不用CSS3.我是初学者。你弄个简单易懂的就行，只要显示出来。没必要好看4，我说的网页注...
1.比如怎样将它显示在alert里。。求一个源程序。急。。谢谢
2.没学过CSS。。不用CSS
3.我是初学者。你弄个简单易懂的就行，只要显示出来。没必要好看
4，我说的网页注册页面就相当于表单啦。。。用户名。密码，。重新输入密码，省份证
地址。就这些就行。。 展开
2.没学过CSS。。不用CSS
3.我是初学者。你弄个简单易懂的就行，只要显示出来。没必要好看
4，我说的网页注册页面就相当于表单啦。。。用户名。密码，。重新输入密码，省份证
地址。就这些就行。。 展开
4个回答
展开全部
你意思先在流行的一种注册方式。
参考一个
<html>
<head>
<style type="text/css">
</style>
</head>
<body>
//背景层（大小与窗口有效区域相同，即当弹出对话框时，背景显示为放射状透明灰色） //背景层（大小与窗口有效区域相同，即当弹出对话框时，背景显示为放射状透明灰色） //背景层（大小与窗口有效区域相同，即当弹出对话框时，背景显示为放射状透明灰色） //背景层（大小与窗口有效区域相同，即当弹出对话框时，背景显示为放射状透明灰色） //背景层（大小与窗口有效区域相同，即当弹出对话框时，背景显示为放射状透明灰色） //背景层（大小与窗口有效区域相同，即当弹出对话框时，背景显示为放射状透明灰色）
<input type="button" value="点击这里" onclick="sAlert();" />
<script type="text/javascript" language="javascript">
function sAlert(){
var msgw,msgh,bordercolor;
msgw=250;//提示窗口的宽度
msgh=100;//提示窗口的高度
bordercolor="#336699";//提示窗口的边框颜色
titlecolor="#99CCFF";//提示窗口的标题颜色
//背景层（大小与窗口有效区域相同，即当弹出对话框时，背景显示为放射状透明灰色）
var bgObj=document.createElement("div");//创建一个div对象（背景层）
//定义div属性
bgObj.setAttribute("id","bgDiv");
bgObj.style.position="absolute";
bgObj.style.top="0";
bgObj.style.background="#777";
bgObj.style.filter="progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=25,finishOpacity=75";
bgObj.style.opacity="0.6";
bgObj.style.left="15%";
bgObj.style.width="85%";
bgObj.style.height="100%";
bgObj.style.zIndex = "10000";
document.body.appendChild(bgObj);//在body内添加该div对象
var msgObj=document.createElement("div")//创建一个div对象（提示框层）
//定义div属性，即相当于
msgObj.setAttribute("id","msgDiv");
msgObj.setAttribute("align","center");
msgObj.style.background="white";
msgObj.style.border="1px solid " + bordercolor;
msgObj.style.position = "absolute";
msgObj.style.left = "65%";
msgObj.style.top = "50%";
msgObj.style.font="12px/1.6em Verdana, Geneva, Arial, Helvetica, sans-serif";
msgObj.style.marginLeft = "-225px" ;
msgObj.style.marginTop = -75+document.documentElement.scrollTop+"px";
msgObj.style.width = msgw + "px";
msgObj.style.height =msgh + "px";
msgObj.style.textAlign = "center";
msgObj.style.lineHeight ="25px";
msgObj.style.zIndex = "10001";
var title=document.createElement("h4");//创建一个h4对象（提示框标题栏）
//定义h4的属性，即相当于
//<h4 id="msgTitle" align="right" style="margin:0; padding:3px; background-color:#336699; filter:progid:DXImageTransform.Microsoft.Alpha(startX=20, startY=20, finishX=100, finishY=100,style=1,opacity=75,finishOpacity=100); opacity:0.75; border:1px solid #336699; height:18px; font:12px Verdana,Geneva,Arial,Helvetica,sans-serif; color:white; cursor:pointer;" onclick=""> 关闭 </h4>
title.setAttribute("id","msgTitle");
title.setAttribute("align","right");
title.style.margin="0";
title.style.padding="3px";
title.style.background=bordercolor;
title.style.filter="progid:DXImageTransform.Microsoft.Alpha(startX=20, startY=20, finishX=100, finishY=100,style=1,opacity=75,finishOpacity=100);";
title.style.opacity="0.7";
title.style.border="1px solid " + bordercolor;
title.style.height="12px";
title.style.font="12px Verdana, Geneva, Arial, Helvetica, sans-serif";
title.style.color="white";
title.style.cursor="pointer";
title.innerHTML="关闭";
title.onclick=removeObj;
function removeObj(){//点击标题栏触发的事件
document.body.removeChild(bgObj);//删除背景层Div
document.getElementById("msgDiv").removeChild(title);//删除提示框的标题栏
document.body.removeChild(msgObj);//删除提示框层
}
document.body.appendChild(msgObj);//在body内添加提示框div对象msgObj
document.getElementById("msgDiv").appendChild(title);//在提示框div中添加标题栏对象title
var txt=document.createElement("p");//创建一个p对象（提示框提示信息）
txt.style.margin="1em 0"
txt.setAttribute("id","msgTxt");
txt.innerHTML='key:<input type="test" name="psd" /><br><input type ="button" value = "send" onclick= removeObj() ; >';
document.getElementById("msgDiv").appendChild(txt);//在提示框div中添加提示信息对象txt
}
</script>
</body>
</html>
参考一个
<html>
<head>
<style type="text/css">
</style>
</head>
<body>
//背景层（大小与窗口有效区域相同，即当弹出对话框时，背景显示为放射状透明灰色） //背景层（大小与窗口有效区域相同，即当弹出对话框时，背景显示为放射状透明灰色） //背景层（大小与窗口有效区域相同，即当弹出对话框时，背景显示为放射状透明灰色） //背景层（大小与窗口有效区域相同，即当弹出对话框时，背景显示为放射状透明灰色） //背景层（大小与窗口有效区域相同，即当弹出对话框时，背景显示为放射状透明灰色） //背景层（大小与窗口有效区域相同，即当弹出对话框时，背景显示为放射状透明灰色）
<input type="button" value="点击这里" onclick="sAlert();" />
<script type="text/javascript" language="javascript">
function sAlert(){
var msgw,msgh,bordercolor;
msgw=250;//提示窗口的宽度
msgh=100;//提示窗口的高度
bordercolor="#336699";//提示窗口的边框颜色
titlecolor="#99CCFF";//提示窗口的标题颜色
//背景层（大小与窗口有效区域相同，即当弹出对话框时，背景显示为放射状透明灰色）
var bgObj=document.createElement("div");//创建一个div对象（背景层）
//定义div属性
bgObj.setAttribute("id","bgDiv");
bgObj.style.position="absolute";
bgObj.style.top="0";
bgObj.style.background="#777";
bgObj.style.filter="progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=25,finishOpacity=75";
bgObj.style.opacity="0.6";
bgObj.style.left="15%";
bgObj.style.width="85%";
bgObj.style.height="100%";
bgObj.style.zIndex = "10000";
document.body.appendChild(bgObj);//在body内添加该div对象
var msgObj=document.createElement("div")//创建一个div对象（提示框层）
//定义div属性，即相当于
msgObj.setAttribute("id","msgDiv");
msgObj.setAttribute("align","center");
msgObj.style.background="white";
msgObj.style.border="1px solid " + bordercolor;
msgObj.style.position = "absolute";
msgObj.style.left = "65%";
msgObj.style.top = "50%";
msgObj.style.font="12px/1.6em Verdana, Geneva, Arial, Helvetica, sans-serif";
msgObj.style.marginLeft = "-225px" ;
msgObj.style.marginTop = -75+document.documentElement.scrollTop+"px";
msgObj.style.width = msgw + "px";
msgObj.style.height =msgh + "px";
msgObj.style.textAlign = "center";
msgObj.style.lineHeight ="25px";
msgObj.style.zIndex = "10001";
var title=document.createElement("h4");//创建一个h4对象（提示框标题栏）
//定义h4的属性，即相当于
//<h4 id="msgTitle" align="right" style="margin:0; padding:3px; background-color:#336699; filter:progid:DXImageTransform.Microsoft.Alpha(startX=20, startY=20, finishX=100, finishY=100,style=1,opacity=75,finishOpacity=100); opacity:0.75; border:1px solid #336699; height:18px; font:12px Verdana,Geneva,Arial,Helvetica,sans-serif; color:white; cursor:pointer;" onclick=""> 关闭 </h4>
title.setAttribute("id","msgTitle");
title.setAttribute("align","right");
title.style.margin="0";
title.style.padding="3px";
title.style.background=bordercolor;
title.style.filter="progid:DXImageTransform.Microsoft.Alpha(startX=20, startY=20, finishX=100, finishY=100,style=1,opacity=75,finishOpacity=100);";
title.style.opacity="0.7";
title.style.border="1px solid " + bordercolor;
title.style.height="12px";
title.style.font="12px Verdana, Geneva, Arial, Helvetica, sans-serif";
title.style.color="white";
title.style.cursor="pointer";
title.innerHTML="关闭";
title.onclick=removeObj;
function removeObj(){//点击标题栏触发的事件
document.body.removeChild(bgObj);//删除背景层Div
document.getElementById("msgDiv").removeChild(title);//删除提示框的标题栏
document.body.removeChild(msgObj);//删除提示框层
}
document.body.appendChild(msgObj);//在body内添加提示框div对象msgObj
document.getElementById("msgDiv").appendChild(title);//在提示框div中添加标题栏对象title
var txt=document.createElement("p");//创建一个p对象（提示框提示信息）
txt.style.margin="1em 0"
txt.setAttribute("id","msgTxt");
txt.innerHTML='key:<input type="test" name="psd" /><br><input type ="button" value = "send" onclick= removeObj() ; >';
document.getElementById("msgDiv").appendChild(txt);//在提示框div中添加提示信息对象txt
}
</script>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
使用alert显示信息的例子程序：
<script>
var s='xxx';
alert(s);
</script>
<script>
var s='xxx';
alert(s);
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
楼上的太复杂。看我的
<html>
<head>
<style type="text/css"> </style>
<script type="text/javascript" language="javascript">
function showForm() {
var username=document.getElementById("username");
var password =document.getElementById("password ");
alert("用户名："+username + " 密码："+password );
}
</head>
<body>
用户名：<input type="text" id="username"/>
<br/>
密码：<input type="password" id="password" />
<br/>
<!-- 下边需要什么照着写就行了 type全为text就行-->
<input type="button" id="subbutton" onclick="showForm();"
</body>
</html>
<html>
<head>
<style type="text/css"> </style>
<script type="text/javascript" language="javascript">
function showForm() {
var username=document.getElementById("username");
var password =document.getElementById("password ");
alert("用户名："+username + " 密码："+password );
}
</head>
<body>
用户名：<input type="text" id="username"/>
<br/>
密码：<input type="password" id="password" />
<br/>
<!-- 下边需要什么照着写就行了 type全为text就行-->
<input type="button" id="subbutton" onclick="showForm();"
</body>
</html>
追问
你这个打开网页后什么都没有啊。。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
注册页面怎么能写在alert框里面呢；
这个可以用div模拟alert框，弹出一个div，在div里面画出注册页面；
网上搜：div模拟消息框，一大堆的。
这个可以用div模拟alert框，弹出一个div，在div里面画出注册页面；
网上搜：div模拟消息框，一大堆的。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
