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

这是前端的HTML代码

html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
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、点击复制按钮，可以将账号复制到其他地方，密码不可复制。
这个弹出的窗口应该这么做？

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

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

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

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

您好，题主，针对您的疑问，可以做以下的尝试：
1、弹出窗口，有一个比较好用的组件，layui，虽然它在官网已经下架了，但是可以找到一些私人的镜像服务器，也可以在gitee上找到托管的代码，https://gitee.com/layui/layui，相信应该可以很好的支持你的应用。
2、将账号复制的话，可以考虑将内容复制到剪贴板就可以了，比较简单的，类似于这种代码，供参考：

<input type="button" value="复制" onclick="clipboardData.setData('Text',document.getElementById('wanto').value);" />

希望对你有所帮助。