http://www.xn--ttss6e.net
  • 生活导航网杭州第一网奎屯门户
  • 下面制作一个简单的用户登录界面,当用户单击“登录”按钮后,在页面中显示用户输入的用户名和密码。运行结果如下所示:

    具体步骤如下:

    (1)设计登录页面,效果如下所示

    (2)通过JavaScript脚本判断用户名和密码是否为空,具体代码如下:

    <script language="javascript">

    function checkit(){ //自定义函数 if(form1.name.value==""){ //判断用户名是否为空 alert("请输入用户名!"); form1.name.select(); return FALSE; } if(form1.pwd.value==""){ //判断密码是否为空 alert("请输入密码!"); form1.pwd.select(); return FALSE; } return TRUE; }

    </script>

    (3)通过“登录”按钮的onclick事件调用自定义函数checkit(),代码如下:

    <input type="image" name="imageField" onClick="return checkit();" src="images/dl_06.gif" />

    //登录按钮事件

    <input type="image" name="imageFIeld2" onClick="rorm.reset();return FALSE;" src="images/dl_07.gif" />

    //取消按钮事件

    (4)输入用户名和密码,单击“登录”按钮,在页面中既可打印出输入的用户名和密码,具体代码如下:

    <?php if(isset($_POST['name'])&& $_POST['pwd']!=""){ //判断用户名是否存在 echo "用户名为: ".$_POST['name']."
    "; //输出用户名 echo "密码为: ".$_POST['pwd']; //输出密码 } ?>

    生活导航登录系统

     

    用户名:生活导航

    密码:ie00

    http://www.xn--ttss6e.net http://www.xn--ttss6e.net
  • 用户登录表单用户登录表单素材