[Java] web输入框默认值处理

来源：互联网发布：mac os x 10.6.8 编辑：程序博客网时间：2024/04/30 22:28

HTML占位符：

  == 普通的英文半角空格

  ==   ==   == no-break space （普通的英文半角空格但不换行）

　 == 中文全角空格（一个中文宽度）

  == &ensp; == en空格（半个中文宽度）

  == &emsp; == 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.jsprequest.getRequestURI();  -----> /auth/admin/add.jsprequest.getServletPath(); -----> /admin/add.jsprequest.getContxtPath();  -----> /auth

项目实例：

案例用到了Strus2国际化实现效果不同效果切换；

msg_zh_CN.properties（国际化文件）

# web propertyuser_Name=\u7528\u6237user_Password=\u5BC6\u7801login_Title=\u7528\u6237\u767B\u5F55login_input_userName_msg=\u8BF7\u8F93\u5165\u7528\u6237\u540Dlogin_input_password_msg=\u8BF7\u8F93\u5165\u5BC6\u7801submit=\u63D0\u4EA4# web pagesloginPage=\u767B\u5F55\u9875\u9762

msg_en_US.properties（国际化文件）

# web propertyuser_Name=userNameuser_Password=passwordlogin_Title=User loginlogin_input_userName_msg=Please input user namelogin_input_password_msg=Please input passwordsubmit=submit# web pagesloginPage=Login page

logn.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();}}

项目效果：

1 0