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