/*用户登录注册页面输入框的设置*/<span>的使用

 1 <!DOCTYPE html>
 2 /*用户登录注册页面输入框的设置*/
 3 <html lang="en">
 4 <head>
 5     <meta charset="UTF-8">
 6     <title>Title</title>
 7     <link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.css">
 8     <style>
 9         body{
10             margin: 0;
11         }
12         .c1{
13             position: relative;
14             width: 170px;
15             height: 30px;
16             padding-right: 30px;
17         }
18         .c2{
19             position: absolute;
20             left: 180px;
21             top: 8px;
22         }
23     </style>
24 </head>
25 <body>
26 
27     <input type="text" class="c1">
28     <span class="fa fa-user-o c2"></span>/*用户登录注册页面输入框的设置*/
29 </body>
30 </html>

 

转载于:https://www.cnblogs.com/shiluoliming/p/6511793.html

<%@page pageEncoding="utf-8" %> <!-- Modal --> <div class="modal fade" id="registerModal" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title text-info">用户注册</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <form method="post" action="${pageContext.request.contextPath }/model/register"> <div class="modal-body"> <div class="form-group row"> <label class="col-sm-2 col-form-label">用户名</label> <div class="col-sm-10"> <input class="form-control" id="username" name="un" type="text" required /> <span class="text-danger" id="checkInfo"></span> </div> </div> <div class="form-group row"> <label class="col-sm-2 col-form-label">密码</label> <div class="col-sm-10"> <input class="form-control" name="pw" type="password" required /> </div> </div> <div class="form-group row"> <label class="col-sm-2 col-form-label">电话</label> <div class="col-sm-10"> <input class="form-control" name="tel" type="number" required /> </div> </div> <div class="form-group row"> <label class="col-sm-2 col-form-label">地址</label> <div class="col-sm-10"> <input class="form-control" name="addr" type="text" required /> </div> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button> <button type="submit" class="btn btn-primary" id="regButton">确定</button> </div> </form> </div> </div> </div>解析每一行代码
最新发布
06-13
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>1-用户登录</title> <style type="text/css"> a{text-decoration:none} body{ background-image:url(../img/longmao.webp); background-size: cover; height: 100vh; } h3{ color:#FFF; font-size:30px; } td{ color:#FFF; font-size:20px; } .ps{ padding-top:0px; } </style> <script type="text/javascript"> function refreshVerifyCode() { // 刷新验证码 var verifyCodeImage = document.getElementById("verify_codeImage"); verifyCodeImage.src = "../VerifyCodeServlet?" + Math.random(); } function register() { window.location.href = "register.jsp"; } </script> </head> <body > <h3>新闻发布系统>>用户管理>>登录</h3><hr color="#FFF"> <div class="ps"> <form action="../LoginSerlvet" method="post" name="frm_login"> <table align="center"> <tr> <td>用户名:</td> <td> <input type="text" name="userName"value="张凯"> </td> </tr> <tr> <td>密码:</td> <td> <input type="password" name="userPassword" value="1111"> </td> </tr> <tr> <td>验证码:</td> <td> <input type="text" name="verifyCode" value=""> <img src="../VerifyCodeServlet?t=<%=System.currentTimeMillis()%>" id="checkcode" onclick="this.src='../VerifyCodeServlet?t='+new Date().getTime()"/> </td> </tr> <tr> <td height="50" colspan="2" align="center"> <input type="submit" name="ok" value="提交"> <input type="reset" name="cancel" value="取消"> <input type="button" onclick="register();" value="注册"> </td> </tr> </table> </form> </div> </body> </html>加一个3.Ajax异步验证。登录时账号输完马上显示账号重复了。
06-08
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值