黑马程序员技术交流社区

标题: 关于javascript [打印本页]
作者: 杨剑    时间: 2013-3-23 11:13
标题: 关于javascript
本帖最后由 杨剑 于 2013-3-24 17:17 编辑

我想问下，怎么样在用js弹出一个可以输入文本的对话框？比如在点击一个图片按钮，弹出一个对话框，有标题，输入文本，怎么代码实现呢，最好写出来代码，非常感谢。再比如有些用户登录，点击登录按钮是弹出一个小窗口让用户填写用户名和密码就是这种形式之类的。
作者: IT菜鸟    时间: 2013-3-23 19:47
<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
作者: 杨剑    时间: 2013-3-24 07:41
蔡志刚 发表于 2013-3-23 19:47
/*
window.prompt是输入对话框，用来提示观看者输入一些资料。返回，用户输入的值。   
prompt(argument ...

你好，我想问的是点击一个图片链接，弹出一个可以输入用户名和密码的界面，并且用户名和密码在同一个界面，你的那个用户名和密码并没有在同一个界面
作者: 贾振凯    时间: 2013-3-24 11:47
这个需要两个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>

作者: 杨剑    时间: 2013-3-24 17:17
贾振凯 发表于 2013-3-24 11:47
这个需要两个html文件,如下

regist1.html

非常感谢，这样的实现还不错。



欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2