弹框提示用户输入

在很多页面,都会有提示用户输入账号和密码的弹框。并保障用户的良好体验效果。


<html>
  <head>
  <title></title>
  <meta http-equiv="content" content="text/html" charset="utf-8"/>
  <style type="text/css">
  body{
  background-color: aliceblue;
  }
  div{
  border: 1px solid black;
  width: 250px;
  height: 100px;
  display: none;
  position: absolute;
  top :0px;
  left: 0px;
  }
  form{
  border: 1px solid black;
  width: 250px;
  height: 100px;
  margin: 200px auto auto auto;
  }
   
   
   
  </style>
  <script type="text/javascript">
  window.onload=function(){
  var input= document.getElementsByTagName("input")[0];
  input.onclick=function(){                                          //绑定点击事件
  var div=document.getElementsByTagName("div")[0];
  div.style.display="block";
  div.style.backgroundColor="rgba(0,0,0,0.5)"; //背景色为透明
  div.style.width=innerWidth+"px";            //获得屏幕的宽度
  div.style.height=innerHeight+"px" ;     //获得屏幕的高度
  }
  var div=document.getElementsByTagName("div")[0];
  div.onclick=function(){                           //把DIV获得点击时
  div.style.display="none";                    //把DIV设置成禁用
  }
   
  var form=document.getElementsByTagName("form")[0];
  form.onclick=function(ee){
  ee.stopPropagation();      // 阻止冒泡
  }
  }
   
  </script>
  </head>
   
  <body>
  <input type="button" value="注册"/>
  <input type="button" value="登陆"/>
  <div>
  <form action="" method="get">
  <table>
  <tr>
  <td>用户名:</td>
  <td><input type="text"/></td>
  </tr>
  <tr>
  <td>密码:</td>
  <td><input type="password"/></td>
  </tr>
  <tr>
  <td colspan="2" ><input type="submit" value="提交"/></td>
   
  </tr>
  </table>
  </form>
  </div>
  </body>
  </html>


在做js的时候要给div,table设置绑定事件,并设置用户在点击的时候,是否该隐藏或者显示。并做好相应事件的相应。并对用户输入的结果,进行判断。

面对js代码的时候,我们需要理解其解题思路,只要坚持下去,就会做出想要的结果。



弹框提示用户输入

时间: 2024-10-24 13:03:03

弹框提示用户输入的相关文章

CreateProcessAsUser,C#写的windows服务弹框提示消息或者启动复杂的UI界面的子进程

服务(Service)对于大家来说一定不会陌生,它是Windows 操作系统重要的组成部分.我们可以把服务想像成一种特殊的应用程序,它随系统的“开启-关闭”而“开始-停止”其工作内容,在这期间无需任何用户参与.Windows 服务在后台执行着各种各样任务,支持着我们日常的桌面操作.有时候可能需要服务与用户进行信息或界面交互操作,这种方式在XP 时代是没有问题的,但自从Vista 开始你会发现这种方式似乎已不起作用. 现在有个需求需要服务程序弹框提示和启动包含复杂UI的桌面程序,"穿透Sessio

shell脚本,提示用户输入一个用户名,如果存在;显示用户UID和SHELL信息;否则,则显示无此用户;显示完成之后,提示用户再次输入;如果是quit则退出;

[[email protected] wyb]# cat tishiuser.sh #!/bin/bash #提示用户输入一个用户名,如果存在:显示用户UID和SHELL信息:否则, #则显示无此用户:显示完成之后,提示用户再次输入:如果是quit则退出; echo 'Input `quit` to quit' while : do read -p "Please Input a user:" choice [ -z $choice ] &&continue [[ &q

Dynamics CRM2016 关闭错误报告弹框提示

在之前的版本中错误报告的弹框提示是可以在隐私首选项中设置关闭的,如下图所示 但是在2016中这个设置没了 有人说在右上角的选项中设置,但那个只能是设置个人的无法修改系统级别的.在系统中找了半天还是没有找到可以设置的地方,既然前台没有入口那只有打后台的主意了,打开组织数据库中的Organization表,将ReportScriptErrors字段的值修改为3(默认值是0)即为关闭.

提示用户输入一个时间的秒数,比如500秒就输入500,然后输出对应的分钟和秒,比如500s就是8分钟20秒

#include <stdio.h> /* */ int main() { /* // 将c的值固定在10以内 int a = 96546546; int c = a % 10; */ // 1.提示用户输入时间 printf("请输入一个时间值(秒):\n"); // 2.接收用户输入的时间 int time; scanf("%d", &time); // 3.转换成对应的分钟和秒 int minute = time / 60; // 分钟 i

提示用户输入一个正整数n,计算1+2+3+…+n的和

/* */ #include <stdio.h> int main() { // 1.提示输入 printf("请输入一个正整数:\n"); // 2.接收输入 // 定义变量保存用户输入的整数 int n; scanf("%d", &n); if (n<=0) { printf("非法输入\n"); return 0; } // 3.计算 // (1 + n) * n / 2; // 定义变量保存和 int sum =

提示用户输入一个正整数n,如果n=5,就输出下列图形,其他n值以此类推

/* ***** **** *** ** * */ #include <stdio.h> int main() { // 1.定义一个变量存储用户输入的值 int n = 0; // 一定要初始化 // 2.判断n值合不合理 while (n <= 0) { // 2.1 提示用户输入正整数 printf("请输入一个正整数:\n"); // 2.2 接收输入的数据 scanf("%d", &n); } // 3.输出图形 for (int

提示用户输入用户名,然后再提示输入密码,如果用户名是“admin”并且密码是“888888”,则提示正确,否则,如果用户名不是admin还提示用户用户名不存在,如果用户名是admin则提示密码错误.

提示用户输入用户名,然后再提示输入密码,如果用户名是“admin”并且密码是“888888”,则提示正确,否则,如果用户名不是admin还提示用户用户名不存在,如果用户名是admin则提示密码错误. Console.WriteLine("输入用户名"); string a = Console.ReadLine(); Console.WriteLine("请输入密码"); string b = Console.ReadLine(); if (a == "ad

[iOS] “是否允许“xxx”使用数据”,在iOS10之后,首次安装App会弹框让用户授权,问题解决方案。

一.为什么会弹 "是否允许使用数据"? 因为按照我们天朝的工信部要求,用户再使用应用的过程中,如果要使用移动数据必须要用户授权,其实这是好事,是为了保护用户的流量或者话费不会无端的被扣除.所以苹果在 iOS10 之后,在首次安装应用时会弹 "是否允许使用数据",然而只是在国行手机上才会弹,所以这也是为什么只是部分用户反馈会弹.而且这个弹框只会弹一次,即使卸载再安装也不会再弹,除非把手机系统重置.所以为了解决这个问题,我们技术的同学反复牺牲手机重置来测试这个问题.有可

07_编写脚本:提示用户输入用户名和密码,脚本自动创建相应的账户及配置密码。如果用户不输入账户名,则提示必须输入账户名并退出脚本;如果用户不输入密码,则统一使用默认的 123456 作为默认密码。

#!/bin/bashread -p "请输入用户名: " user#使用-z 可以判断一个变量是否为空,如果为空,提示用户必须输入账户名,并退出脚本,退出码为 2#没有输入用户名脚本退出后,使用$?查看的返回码为 2if [ -z $user ];then echo "您必需输入账户名" exit 2fi #使用 stty -echo 关闭 shell 的回显功能#使用 stty echo 打开 shell 的回显功能stty -echoread -p "