A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© 杨剑 中级黑马   /  2013-3-23 11:13  /  2268 人查看  /  4 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

本帖最后由 杨剑 于 2013-3-24 17:17 编辑

我想问下,怎么样在用js弹出一个可以输入文本的对话框?比如在点击一个图片按钮,弹出一个对话框,有标题,输入文本,怎么代码实现呢,最好写出来代码,非常感谢。再比如有些用户登录,点击登录按钮是弹出一个小窗口让用户填写用户名和密码就是这种形式之类的。

点评

如果问题未解决,请继续追问回复者,如果问题已经解决,请将分类改为“已解决”,谢谢  发表于 2013-3-24 14:01

评分

参与人数 1技术分 +1 收起 理由
黄玉昆 + 1

查看全部评分

4 个回复

倒序浏览
<html>
<head>
<script language="javaScript">
/*
window.prompt是输入对话框,用来提示观看者输入一些资料。返回,用户输入的值。   
prompt(argument1,argument2);
argument1 为显示文字,argument2是预设在文本框中出现的内容。

*/

        var userName=prompt("请输入用户名","");//  显示提示输入用户名的对话框,并把输入值赋给UserName
        if(userName=="admin"){// 如果用户名正确(假设正确用户名为 admin)
                var passWord=prompt("请输入密码","");// 要求 输入密码 ,并把输入值赋给passWord
                if(passWord=="123"){// 如果用密码正确(假设正确密码为 123)
                        alert("登录成功");// 提示登陆成功
                }else{
                        alert("密码错误");// 提示密码错误
                }
               
        }else{// 用户名错误,提示
                alert("用户名错误");
        }
</script>
</head>
<body>
</body>

</html

评分

参与人数 1技术分 +1 收起 理由
黄玉昆 + 1

查看全部评分

回复 使用道具 举报
蔡志刚 发表于 2013-3-23 19:47
/*
window.prompt是输入对话框,用来提示观看者输入一些资料。返回,用户输入的值。   
prompt(argument ...

你好,我想问的是点击一个图片链接,弹出一个可以输入用户名和密码的界面,并且用户名和密码在同一个界面,你的那个用户名和密码并没有在同一个界面
回复 使用道具 举报
这个需要两个html文件,如下

regist1.html

<html>
<head>
  <title>用户注册</title>
</head>
<body>
<!--让超链接链接到同一目录下的负责用获取户输入信息并提交表单的另一html文件 regist2.html-->
  <a href="regist2.html" target="_blank"> <image src="1.jpg"> </a>
</body>
</html>

regist2.html

<html>
<head>
  <title>用户注册页面</title>
</head>
<body>
  <form action="" method="post">
  <center>
   <table>
    <caption><b>用户注册表单</b></caption>
    <tr>
     <td>用户名:</td>
     <td><input type="text" name="uerName"/></td>
    </tr>
    <tr>
     <td>密&nbsp;&nbsp;码:</td>
     <td><input type="password" name="uerName"/></td>
    </tr>
    <tr>
     <th colspan="2">
     <input type="submit" value="提交"/>
     <input type="reset" value="重置"/>
     </th>
    </tr>
   </table>
  </center>
  </form>
</body>
</html>

评分

参与人数 1技术分 +1 收起 理由
黄玉昆 + 1

查看全部评分

回复 使用道具 举报
贾振凯 发表于 2013-3-24 11:47
这个需要两个html文件,如下

regist1.html

非常感谢,这样的实现还不错。
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马