复制代码 代码如下:

<script language=”vbscript”>
function urlencoding(vstrin)
strreturn = “”
for i = 1 to len(vstrin)
thischr = mid(vstrin,i,1)
if abs(asc(thischr)) < &hff then
strreturn = strreturn & thischr
else
innercode = asc(thischr)
if innercode < 0 then
innercode = innercode + &h10000
end if
hight8 = (innercode and &hff00) &hff
low8 = innercode and &hff
strreturn = strreturn & “%” & hex(hight8) & “%” & hex(low8)
end if
next
urlencoding = strreturn
end function
function bytes2bstr(vin)
strreturn = “”
for i = 1 to lenb(vin)
thischarcode = ascb(midb(vin,i,1))
if thischarcode < &h80 then
strreturn = strreturn & chr(thischarcode)
else
nextcharcode = ascb(midb(vin,i+1,1))
strreturn = strreturn & chr(clng(thischarcode) * &h100 +
cint(nextcharcode))
i = i + 1
end if
next
bytes2bstr = strreturn
end function
</script>

复制代码 代码如下: var cookie={
setCookie:function (name, value, iDay) { var oDate = new Date();
oDate.setDate(oDate.getDate()+iDay); document.cookie = name…

这样的实现方式虽然CSS,JS代码都多了一些,但是结构更合理,通过引入label来显示提示文字(通过CSS的position属性定位),让value本身更单纯,而且提示文字和用户输入的文本在样式更容易控制,比如颜色的深浅,从而提高表单可用性。

复制代码 代码如下: %
服务器端:servletactioncontext.getresponse().setcharacterencoding(“utf-8”);
客户端 网…

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

平常设计表单的时候,我们会加入一些提示文字,比如说在搜索框里,我们会提示“请输入关键字”,并在搜索框得到焦点和失去焦点的时候适时的隐藏和显示,最常见的做法是利用value来设置:

复制代码 代码如下:

复制代码 代码如下:

<style>
#wrapper { position: relative; display: inline; }
#description { position: absolute; left: 1px; color: #999999; display:
none; }
</style>
<form id=”search”>
<div id=”wrapper”>
<label for=”keyword” id=”description”>请输入关键字</label>
<input type=”text” id=”keyword” name=”keyword”>
</div>
<button>搜索</button>
</form>
<script>
window.onload = function() {
if (!document.getElementById(“keyword”).value) {
document.getElementById(“description”).style.display = “inline”;
}
};
document.getElementById(“keyword”).onfocus = function() {
if (!document.getElementById(“keyword”).value) {
document.getElementById(“description”).style.display = “none”;
}
}
document.getElementById(“keyword”).onblur = function() {
if (!document.getElementById(“keyword”).value) {
document.getElementById(“description”).style.display = “inline”;
}
}
document.getElementById(“search”).onsubmit = function() {
if (!document.getElementById(“keyword”).value) {
alert(“请输入关键字”);
return false;
}
return true;
}
</script>

<%
服务器端:servletactioncontext.getresponse().setcharacterencoding(“utf-8”);
客户端 网页特效p/jsp.html target=_blank >jsp教程: <%@ page
language=”java” contenttype=”text/html; charset=utf-8″
pageencoding=”utf-8″%>
response.expires = -9999
response.addheader “pragma”,”no-cache”
response.addheader “cache-ctrol”,”no-cache”
response.addheader “content-type”,”text/html;
charset=gb2312″‘这是重点,否则会出现乱码
response.write “中文汉字”%>

测试:

发表评论

电子邮件地址不会被公开。 必填项已用*标注