版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_14852397/article/details/50819945
HTML占位符：
  == 普通的英文半角空格
  == ==   == no-break space （普通的英文半角空格但不换行）
　 == 中文全角空格 （一个中文宽度）
  ==   == en空格 （半个中文宽度）
  ==   == em空格 （一个中文宽度）
  == 四分之一em空格 （四分之一中文宽度）
相比平时的空格（ ）, nbsp拥有不间断（non-breaking）特性。即连续的nbsp会在同一行内显示。即使有100个连续的nbsp，浏览器也不会把它们拆成两行。[以上实用借鉴于其他大神]
web项目路径获取：
URL示例： http://localhost:8080/auth/admin/add.jsp?id=1&pc=2
request.getRequestURL(); -----> http://localhost:8080/auth/admin/add.jsp
request.getRequestURI(); -----> /auth/admin/add.jsp
request.getServletPath(); -----> /admin/add.jsp
request.getContxtPath(); -----> /auth项目实例：
案例用到了Strus2国际化实现效果不同效果切换；
msg_zh_CN.properties（国际化文件）
# web property
user_Name=\u7528\u6237
user_Password=\u5BC6\u7801
login_Title=\u7528\u6237\u767B\u5F55
login_input_userName_msg=\u8BF7\u8F93\u5165\u7528\u6237\u540D
login_input_password_msg=\u8BF7\u8F93\u5165\u5BC6\u7801
submit=\u63D0\u4EA4
# web pages
loginPage=\u767B\u5F55\u9875\u9762msg_en_US.properties（国际化文件）
# web property
user_Name=userName
user_Password=password
login_Title=User login
login_input_userName_msg=Please input user name
login_input_password_msg=Please input password
submit=submit
# web pages
loginPage=Login pagelogn.jsp（页面）
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set var="path" value="${pageContext.request.contextPath}" />
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title><s:text name="loginPage" /></title>
<link rel="stylesheet" type="text/css" href="${path}/css/style.css" />
<script type="text/javascript" src="${path}/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="${path}/js/main.js"></script>
</head>
<body>
<div id="loginBox">
<h2><s:text name="login_Title" /></h2>
<form action="${path}/login.do" method="psot" enctype="application/x-www-form-urlencoded">
<div class="liStyle">
<ul>
<li>
<s:property value="%{getText('user_Name')}" />:
<input class="login_input" type="text" name="userName" id="userName" value="<s:text name='login_input_userName_msg' />" onfocus="clearVal(this, '<s:text name='login_input_userName_msg' />');" onblur="checkVal(this, '<s:text name='login_input_userName_msg' />');" />
</li>
<li>
<s:property value="%{getText('user_Password')}" />:
<input class="login_input" type="password" name="userPassword" id="userPassword" style="ime-mode:disabled; display: none;" onblur="checkVal(this, '');" />
<input class="login_input" name="txtPWD" type="text" id="txtPWD" value="<s:text name='login_input_password_msg' />" onfocus="clearVal(this, '<s:text name='login_input_password_msg' />');" />
</li>
<li><input type="submit" name="submit" id="submit" value="<s:text name='submit' />" /></li>
</ul>
</div>
</form>
</div>
</body>
</html>style.css（css样式）
body {
font-size: 12px;
font-family: "Microsoft YaHei";
margin: 0;
padding: 0;
background: #eeeded;
}
ul li {
height: 50px;
list-style-type: none;
}
/*输入框*/
.login_input {
height: 35px;
width: 180px;
font-size: 12px;
color: #747474;
font-family: "Microsoft YaHei";
line-height: 35px;
background: #f4f9fd;
border: 0px #FFF solid;
padding-left: 10px;
outline: solid 0px #000033;
}
.login_input:focus {
border: 1px solid #8dbdde;
background: #fff;
}main.js（JavaScript脚本）
// 文本域
function clearVal(obj, val) {
var id = obj.id;
var txtVal = $(obj).val();
if(txtVal == val) {
if(id == "userName") {
$(obj).val("");
return;
}
$(obj).hide();
$("#userPassword").show();
$("#userPassword").focus();
}
}
function checkVal(obj, val) {
var id = obj.id;
var txtVal = $(obj).val();
if(id == "userName" && txtVal == "") {
$(obj).val(val);
}
if(id == "userPassword" && txtVal == "") {
$(obj).hide();
$("#txtPWD").show();
}
}