qq_40619811 2022-10-16 18:14 采纳率: 89.8%
浏览 86

Springboot+HTML如何做一个自定义弹窗,而且要点击按钮复制内容

这是前端的HTML代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div>口令解析</div>
<form th:action="@{/index280}" th:object="${result}" method="post">
<div>输入账号</div>
  <input type="text"></input>
  <div>输入密码</div>
  <input type="text"></input>
  <div>
    <input type="submit" value="登录"></input>
      <input type="button" value="注册"></input>
      <input type="button" value="取消"></input>
      <input type="button" value="复制账号"></input>
  </div>
</form>
</body>
</html>


这是后端代码

@RequestMapping("/index265")
    @CrossOrigin
    @ResponseBody
    public Model explain(Model mp){
        result myresult=new result();
        mp.addAttribute("result",myresult);
        return mp;
    }

这是原网页的效果图

img

我的要求是做一个登录界面,最关键的是这几点:
1、原先的代码是依附在网页上的,有独立的URL地址,是个HTML网页,但是我想做一个登录弹窗,也就是弹出窗口,应该怎么做?
2、点击复制按钮,可以将账号复制到其他地方,密码不可复制。
这个弹出的窗口应该这么做?

  • 写回答

2条回答 默认 最新

  • 崽崽的谷雨 2022-10-17 09:03
    关注

    弹窗 需要自己封装一下 ,或者用 bootstarp里的,自己封装 就是 弹出一个 div 设置 其定位,设置 z-index 。然后 点击 关闭 按钮 移除元素。

    复制账号的 话 可以用 Clipboard.writeText()

    https://www.runoob.com/w3cnote/javascript-copy-clipboard.html

    https://www.jianshu.com/p/de197e90b7be

    评论 编辑记录

报告相同问题?

问题事件

  • 创建了问题 10月16日

悬赏问题

  • ¥100 需要跳转番茄畅听app的adb命令
  • ¥50 寻找一位有逆向游戏盾sdk 应用程序经验的技术
  • ¥15 请问有用MZmine处理 “Waters SYNAPT G2-Si QTOF质谱仪在MSE模式下采集的非靶向数据” 的分析教程吗
  • ¥50 opencv4nodejs 如何安装
  • ¥15 adb push异常 adb: error: 1409-byte write failed: Invalid argument
  • ¥15 nginx反向代理获取ip,java获取真实ip
  • ¥15 eda:门禁系统设计
  • ¥50 如何使用js去调用vscode-js-debugger的方法去调试网页
  • ¥15 376.1电表主站通信协议下发指令全被否认问题
  • ¥15 物体双站RCS和其组成阵列后的双站RCS关系验证