蜘蛛大本营 - HTML技术

HTML
标签的 noshade 属性

wuuu018168@163.com(admin) — Thu,08 Jul 2010 09:41:02 +0800

定义和用法
noshade 属性规定水平线的颜色呈现为纯色，而不是有阴影的颜色。
实例
没有阴影效果的水平线：

TIY
浏览器支持
虽然不赞成使用 noshade 属性，但是该属性仍然得到所有主流浏览器的支持。
兼容性注释
在 HTML 4.01 中，不赞成使用 hr 元素的 noshade 属性；在 XHTML 1.0 Strict DTD 中，不支持 hr 元素的 noshade 属性。

请使用 CSS 代替。

CSS 语法（Internet Explorer）：

CSS 语法（Firefox、Opera、Chrome 以及 Safari）：

CSS 语法（跨浏览器）：

CSS 实例：对齐 hr 元素

在我们的 CSS 教程中，您可以找到更多有关 color 属性和 background-color 属性的细节。
语法
属性值
值描述
noshade 规定水平线的颜色呈现为纯色（没有阴影）。

存储于xml中需要的HTML转义代码

wuuu018168@163.com(admin) — Tue,12 Jan 2010 15:42:20 +0800

/**
* html代码输入验证转换
* @param str
* @return
*/
public String htmlFilter(String str){
//转意&
str = str.replaceAll("&", "&");
//转意<
str = str.replaceAll("<", "<");
//转意>
str = str.replaceAll(">", ">");
//转意空格，
//注意：空格使用" "会导致xml解析出错！，这里只能使用" "
str = str.replaceAll(" ", " ");
//转意单引号
str = str.replaceAll("'", "'");
//转意双引号
str = str.replaceAll("\"", """);
//转意换行
str = str.replaceAll("\n", "
");
return str;
}
//本方法用于在servlet生成xml代码中再次转意，主要是把
转换为正常显示
public String htmlFilter2(String str){
//转意<
str = str.replaceAll("<", "<");
//转意>
str = str.replaceAll(">", ">");
return str;
}

[03/28] 屏蔽鼠标右键、Ctrl+N、Shift+F10、Alt+F4、F11、F5刷新、退格

wuuu018168@163.com(webworm) — Thu,08 May 2008 00:25:39 +0800

      屏蔽鼠标右键、Ctrl+N、Shift+F10、Alt+F4、F11、F5刷新、退格键




  屏蔽鼠标右键、Ctrl+N、Shift+F10、Alt+F4、F11、F5刷新、退格键



该文章转载自德仔工作室：http://www.dezai.cn/Article_Show.asp?ArticleID=23864

DIV+Css模板制作教程

wuuu018168@163.com(webworm) — Tue,25 Mar 2008 00:00:52 +0800

Dnxh的教程实在是不错，特地摘录。
Pjblog的用户群越来越大，一个Blog就相当于一个Blogger网上的家。而在现在追求个性的时代，给自己的Blog做过有个性的、符合自己特点的Skin是大家的一个愿望。但这个毕竟涉及到一些知识，我们需要通过自己的努力学习来完成我们的愿望。我将从零说起，大概是这样的一个过程：准备工作→Skin的构思→制图→切片→编写CSS→预览→调试兼容性→美化细节，预览和编写是个循环过程。我想通过本教程能够使大家了解Skin制作，不需要再用别人做的Skin，靠自己的努力把自己的Blog装饰的漂亮有个性。很振奋吧，那我们往下看……
一、准备工作
1.1 必需的一些基础
你要有学习知识的欲望，这个是一切的前提。你对Pjblog的使用有一定的了解（如果你还不知道Skin是什么、怎么安装，建议你不要往下看）。在做Skin的时候要细心，严格要求自己，有一定的审美观。最好熟悉一些制图软件（Adobe Potoshop、Fireworks之类）。对CSS方面番茄做过很不错的教程（需要注册）。
2.2 涉及的工具
首先你要有太电脑，并且显示器的色彩不是很差（我的本本的液晶显示器让我哭笑不得呀……）。制图软件Adobe Potoshop、Fireworks之类。CSS编写工具，你当然用记事本也可以写。色彩调配软件，屏幕截图软件。这些基本在本站都有下载，为了防止站点流量过大被K，我只能加了下载级别，并随机变换下载地址。请注册后下载，谢谢你的合作！
Macromedia Studio 8.0 官方简体中文正式版
电驴下载地址:http://lib.verycd.com/2005/10/14/0000069569.html
比较认同的网页制作类软件，这里我们主要是用套装里面的 Fireworks（教程里面用的就是他）。当然你也可以用Adobe Potoshop。
CSS编写工具EditPlus V2.1.2 Build 147 汉化版
下载地址：
当然有人说用Dreamweaver不是更好？这里不建议用，手写更容易记住代码的含义，再说CSS可视化编写不是很理想。本来TopStyle3是可视化编写CSS的最佳工具，但介于Pjblog的CSS是分几个文件的用他效果也不怎么明显。
Color Schemer Studio1.5配色工具
下载地址：
配色是你构思Skin的第一步。这款工具对颜色的搭配比较专业。
苏昱式样表中文手册2.0
下载地址：
调试软件Firefox
下载地址：
现在有94％的人在用IE，但Firefox的用户也在不断的增长。Firefox的好我在这里就不说了。但CSS在这两个浏览器之间肯定有兼容的问题。
截图工具HyperSnap5
下载地址：
这个也是我用后认为功能比较强大的截屏软件。

二、构思你的Skin
2.1配色
你的Blog给人的第一印象就是视觉上的，所以说色很重要。

这里我们用的是白、灰、红。一般灰色是通用的，就像血型里的O型血一样。
2.2布局

页面的布局先不说太复杂的，你理解了结构后可以发挥自己的想象力。在这里要说的是CSS（Cascading Style Sheets层叠样式表单）这里的重点就是层叠。如果说Skin设计是平面设计，那我认为就错了。从欣赏的角度看这是个平面作品，但从设计的角度看那就是三维的。要不怎么有z-index这样的属性呢。再者我们可以这样做个比较，CSS是说的层类似于PS或FW里面的图层，不一样的地方仅仅在于：层交换顺序－－PS可以而DIV＋CSS不可以；Alpha通道－－PS可以而CSS不可以（一些浏览器可以）。图片的如上图所示，我们可以看到Pjblog的结构和DIV的前后顺序，前面的覆盖后面的（当然也可以是透明的）。我们先不玩花哨的，Blog的布局一般都就这样。
这里的header就是头部，里面包含Blog名、副标题、横向菜单；
Tbody是中部内容，里面包含着主内容（mainContent也就是我们写的日志，就像这个教程在的位置）、侧栏（sidebar）；
foot是底部，里面包含我们的一些版权信息、备案什么的；
我们说了这么多都是说的Pjblog的结构，也就是说是Box和Box之间的关系。而Box是怎么组成的呢？这里已经有高人Douglas做个个Flash模型，里面很明白的说明了margin，background-color，background-image，padding ，border 以及他们之间的关系。

Flash动画

在线播放

当然这些是Pjblog的主体部分，每个部分里面还包含一些其他DIV，而这些细节（像横向菜单、侧栏内容面板、主内容模块等等）也是美化我们Blog的要点，但这个我们慢慢来。先看主体这样先可以在你的脑海里有个Skin的大概样子，为我们下面的制图做好充分的准备。
Pjblog结构模型Flash版正在制作中……
三、制图
3.1了解背景
为什么要特设一节说背景呢？因为在CSS里所用的图片都是以背景的形式存在的。在我们制图、切图的过程中始终不能忘记这点，要做到尽可能的减少图片的体积（现在好多简洁的Skin都实现了不用图片或少用图片），为的是减少下载量，提高页面浏览的速度。
那我们来看看background :
他的属性包括了background-color 颜色
background-image 图像
background-repeat 重复方式
background-attachment 是否滚动
background-position 位置
而我们制图的时候要注意的是那些呢？首先我们看color和image的关系，始终是color显示在下面image在上面。这个的作用就是某些大块单色的地方我们就不需要用image而是采用color；再个就是repeat，他可以让图片以X或Y重复或不重复的方式显示。这个的作用就是某背景有这样的重复的我们切图的时候宽（长）只要切1px就可以了；我们要结合Pjblog的结构对这些特性综合运用，要培养自己的3D思维。
3.2主体的制作
我们以我现在用的这款Skin做例子，来简述制图过程。
我们先来看看我们想做的是怎样的一个主体（这个在你自己的脑海里应该已经成型，或有个模糊的构思）。

白色的主调两边带点阴影，侧边是灰色（#EEEEEE）230px宽。
打开Fireworks，新建一个1000px×768px的白色背景的文件（因为这款Skin的主体背景是白色的）。确定我们的主体内容为800px宽，绘制一个宽度为800px，高度大于画布的矩形，再给加上1px宽的灰色（#999999）的边框。用滤镜发光给加点阴影，滤镜的参数设置成宽度为5，柔化为10，透明度为15，颜色为黑色，偏移为0。
再给加个侧栏绘制一个宽为230px，高度大于画布的矩形，放置到左边，注意不要压住1px的边框。这样我们的主体部分就绘制好了。制作主体部分我们要注意些什么呢。主要我们要考虑到页面的高度问题，因为页面的高度会随内容的不同而变化，那我们就要做一个有弹性的高度。我们可以利用Background-repeat设置值为y。那我们的背景就是纵向重复了。
3.2头部的制作
同样我们先看一下我们要做个什么样的Top。

我们看到的是两条带质感的半透明的横条压在主体上，
我们画两个矩形，宽度大于画布（因为我们要这两条自适应宽度）。通过调节渐变给矩形加点质感，调整透明度为80。

文章来自!:http://www.2hand.cn/article.asp?id=230

流媒体下载技术

wuuu018168@163.com(webworm) — Tue,04 Mar 2008 16:35:31 +0800

下载流媒体的困难之处的找他的url，找到就什么问题都可以解决了。
现在重点介绍我找url的经验：
1：从html原代码中到
在IE的查看/原文件，在这个记事本中再查找流媒体的协议，如rtsp\pnm\mms\mmst等
或者找他的后缀名swf\wmv\rm\asf\avi,也许可以看到意想不到的东西哦~！！
最典型的是在闪客帝国的FLASH，查找swf后缀，就可以知道他的flash地址了，呵呵！
2：到后缀地址方法
在在先观看网站，点播放影片后，点右键，看他的属性，就可以找到地址了，
通常是mms或pnm等协议的，把地址复制到streambox中，就可以下了。
3：ram\asx为什么不能看
朋友经常会找到地址下载后却看不了，看看文件大小
只有几百k,一部电影怎么可能怎么小呢？原来ram\asx是一种代替rm\asf的文本
用记事本打开asx\ram，就可以找到电影的地址了！^_^(介绍你去www.michaeljackson.com试试这种方法下载里面的MTV)
4:巧找rm地址
realplayer没有直接看文件地址的，这样寻找地址很麻烦
教你这样找：在播放流媒体的时候，将网络断开，这时候弹出播放错误的对话框，错误信息里面就有流媒体的地址了。呵呵，是不是很爽！

这只是我个人心得，希望大家一起探讨下载流媒体技术，让免费资源无所遁形！
文章版权归自由天空论坛所有，转载请注明！

HEAD内部标记浅析

wuuu018168@163.com(webworm) — Tue,04 Mar 2008 09:34:43 +0800

今天，使用各种所见即所得工具制作主页已经是一件非常容易的事情了。但是了解HTML源代码和语法，无疑对我们制作主页有更大的帮助，也可以使用户能更精确地控制页面的效果。介绍HTML语法的文章已经很多，但是除了TITLE标记外，HEAD里还有其他的几个标记。这些标记虽然不常用，但是需要我们对他们有一定的了解。

　　一、META

　　META标记用于描述不包含在标准HTML里的一些文档信息。激烈的竞争使浏览器厂商纷纷利用META开发出许多实用的功能，又使这些功能在常用的浏览器中都有效。下面介绍几个很有用的用法：

　　*
　　
　　本页的关键字和描述。在页面里加上这些定义后，一些搜索引擎就能够让读者根据这些关键字查找到你的主页，了解你的主页内容。

　　*
　　浏览器将在60秒后，自动转向到new.htm。你可以利用这个功能，制作一个封面，在若干时间后，自动带读�来到你的目录页。
　　如果URL项没有，浏览器就是刷新本页。这就实现了WWW******定期刷新的特性。

　　*
　　描述本页使用的语言。浏览器根据此项，就可以选择正确的语言编码，而不需要读者自己在浏览器里选择。GB2312是指简体中文，而台湾BIG5内码的主页则是用BIG5。

　　 *
　　强制性调用网上的最新版本。浏览器为了节约时间，在本地硬盘上保存一个网上文件的临时版本。在你要重新调用时，直接显示硬盘上的文件，而不是网上的。如果你想让读者每次都看到最新的版本，就加上这句话。

　　二、LINK

　　显示本文档和其他文档之间的连接关系。一个最有用的应用就是外部层叠样式表的定位。格式如下：

　　

　　REL参数说明两个文档之间的关系，HREF说明目标文档名。

　　关于层叠样式表，请参考其他文章。

　　三、BASE

　　BASE主要有两种用处：

　　1、
　　本文档的原始地址。这样，读者下载你的文档之后，也可以知道是从哪里下载的。

　　2、
　　在一个框架（frame）页中，如果要把某个框架的连接在另外一个框架显示，例如，把menu框架中的连接显示到content框架，就可以在menu框架中的页面加上，这样，就没有必要在menu页面的所有连接的标记中添加target��性了，除非这个连接不是在content框架中显示。

四、BODY

　　BODY标记有一些属性，用于定义页面内的显示效果。
　　ALINK、LINK、TEXT、VLINK

　　文字的颜色。

　　ALINK：当前激活的连接的文字颜色。
　　LINK：连接的文字颜色。
　　TEXT：文字的颜色。
　　VLINK：参观过的文字颜色。

　　注意：文字的颜色要和背景色有明显的差别，以便读者浏览。

　　BACKGROUND、BGPROPERTIES、BGCOLOR：页面的背景部分。

　　BACKGROUND：背景图案，该图案在页面内平铺。背景图案应保持单一色调，以保证页面文字易于阅读。
　　BGPROPERTIES：设置成FIXED，则背景图案不滚动。（只对INTERNET EXPLORER有效）
　　BGCOLOR：背景色。

　　注意：如果你的背景图案是深色调，因之文字颜色为淡颜色，那么由于浏览器调用页面的顺序是“背景色-文字-背景图案”，那么在背景图案没有显示的情况下，你的文字在白颜色下很难阅读，所以应该选用一个跟你的背景图案颜色一致的背景色。

　　LEFTMARGIN、TOPMARGIN：页边空白。（只对INTERNET EXPLORER有效）

　　LEFTMARGIN：左边页边空白。
　　TOPMARGIN：顶端页边空白。
　　MARGINWIDTH、MARGINHEIGHT：页边空白。（只对NETSCAPE NAVIGATOR有效）
　　MARGINWIDTH：左右页边空白宽度
　　MARGINHEIGHT：上下页边空白高度

　　在这里，我们第一次碰到了INTERNET EXPLORER和NETSCAPE NAVIGATOR支持不同的标记的情况。由于商业竞争的残酷，作为两家最大的浏览器软件开发商，MICROSOFT和NETSCAPE都在扩展HTML的功能，增加一些标准HTML没有的标记。由于互相保守商业机密，两家发展的标记不尽相同。值得庆幸的是，这两种浏览器对于自己无法辨认的标记，不会报错，只是简单的忽略过去。这样，我们把它们各自支持的标记都加上，就可以达到一致的效果。就这个例子来说，如果我们想制作一个页面，使用两种浏览器来看，页边空白都是0，就可以这样写：

　　

　　其他类似的情况也一样，只要我们把它们都写在一起一般就没有问题了

让表格的只显示部分边框

wuuu018168@163.com(webworm) — Wed,02 Jan 2008 12:34:39 +0800

只显示上边框
只显示下边框
只显示左、KsVVIUm教垠O%?W7
"pQSzrJKX理@专T育

右边框
只显示上、下边框
只显示左边框
只显示右边框
不显示任何边框

网页打印问题，打印设置，打印预览，打印分页，纵打，横打及页面的边距

wuuu018168@163.com(webworm) — Wed,02 Jan 2008 12:33:25 +0800

1、控制"纵打"、横打”和“页面的边距。
（1）
function SetPrintSettings() {
// -- advanced features
factory.printing.SetMarginMeasure(2) // measure margins in inches
factory.SetPageRange(false, 1, 3) // need pages from 1 to 3
factory.printing.printer = "HP DeskJet 870C"
factory.printing.copies = 2
factory.printing.collate = true
factory.printing.paperSize = "A4"
factory.printing.paperSource = "Manual feed"

// -- basic features
factory.printing.header = "This is MeadCo"
factory.printing.footer = "Advanced Printing by ScriptX"
factory.printing.portrait = false
factory.printing.leftMargin = 1.0
factory.printing.topMargin = 1.0
factory.printing.rightMargin = 1.0
factory.printing.bottomMargin = 1.0
}

（2）

    function printsetup(){
    // 打印页面设置
    wb.execwb(8,1);
    }
    function printpreview(){
    // 打印页面预览

    wb.execwb(7,1);

    }

    function printit()
    {
    if (confirm(''''确定打印吗？'''')) {
    wb.execwb(6,6)
    }
    }


height=0 id=wb name=wb width=0>

onclick="javascriptrintit()">

onclick="javascriptrintsetup();">

onclick="javascriptrintpreview();">

onclick="javascript:window.close();">

------------------------------------------------
关于这个组件还有其他的用法，34]p|F.T+*g理W`&O

s]pLx0网")'dg9中教}
TVw*LI5d育So!管|
Nvqv,T,nj的s@fF

列举如下：
WebBrowser.ExecWB(1,1) 打开
Web.ExecWB(2,1) 关闭现在所有的IE窗口，并打开一个新窗口
Web.ExecWB(4,1) 保存网页
Web.ExecWB(6,1) 打印
Web.ExecWB(7,1) 打印预览
Web.ExecWB(8,1) 打印页面设置
Web.ExecWB(10,1) 查看页面属性
Web.ExecWB(15,1) 好像是撤销，有待确认
Web.ExecWB(17,1) 全选
Web.ExecWB(22,1) 刷新
Web.ExecWB(45,1) 关闭窗体无提示

2、分页打印

<%while not rs.eof%>

<%=rs(0)%>

<%rs.movenext%>
<%wend%>

3、ASP页面打印时如何去掉页面底部的路径和顶端的页码编号
（1）ie的文件-〉页面设置-〉讲里面的页眉和页脚里面的东西都去掉，打印就不出来了。
（2）

New Document

dim hkey_root,hkey_path,hkey_key
hkey_root="HKEY_CURRENT_USER"
hkey_path="\Software\Microsoft\Internet Explorer\PageSetup"
''''//设置网页打印的页眉页脚为空
function pagesetup_null()
on error resume next
Set RegWsh = CreateObject("WScript.Shell")
hkey_key="\header"
RegWsh.RegWrite hkey_root+hkey_path+hkey_key,""
hkey_key="\footer"
RegWsh.RegWrite hkey_root+hkey_path+hkey_key,""
end function
''''//设置网页打印的页眉页脚为默认值
function pagesetup_default()
on error resume next
Set RegWsh = CreateObject("WScript.Shell")
hkey_key="\header"
RegWsh.RegWrite hkey_root+hkey_path+hkey_key,"&w&b页码，_教国P8提d[nToSvQ?_K网&p/&P"
hkey_key="\footer"
RegWsh.RegWrite hkey_root+hkey_path+hkey_key,"&u&b&d"
end function

4、浮动帧打印

function button1_onclick() {
    var odoc=window.iframe1.document;
    var r=odoc.body.createTextRange();
    var stxt=r.htmlText;
    alert(stxt)
    var pwin=window.open("","print");
    pwin.document.write(stxt);
    pwin.print();
}

4、用FileSystem组件实现WEB应用中的本地特定打印

function print_onclick //打印函数
dim label
label=document.printinfo.label.value //获得HTML页面的数据
set objfs=CreateObject("Scripting.FileSystemObject") //创建FileSystem组件对象的实例
set objprinter=objfs.CreateTextFile ("LPT1:",true) //建立与打印机的连接
objprinter.Writeline("__________________________________") //输出打印的内容
objprinter.Writeline("| |")
objprinter.Writeline("| 您打印的数据是："&label& " |”)
objprinter.Writeline("| |")
objprinter.Writeline("|_________________________________|")
objprinter.close //断开与打印机的连接
set objprinter=nothing
set objfs=nothing // 关闭FileSystem组件对象
end function

服务器端脚本：
<%………
set conn=server.CreateObject ("adodb.connection")
conn.Open "DSN=name;UID=XXXX;PWD=XXXX;"
set rs=server.CreateObject("adodb.recordset")
rs.Open(“select ……”),conn,1,1
……….%> //与数据库进行交互
HTML页面编码：

………

>" id=print name=print > //调用打印函数
> //保存服务器端传来的数据
………

这个是调用WORD，

网'TL3bZ[#管t
7R+te\YU;5网Jb进行打印
在之间加入如下代码；2iTW理&Bs_垠件7络中0,R[

function doPrintSetup(){
WB.ExecWB(8,1)
}
function doPrintPreview(){
WB.ExecWB(7,1)
}

在中调用:

树形菜单

wuuu018168@163.com(webworm) — Wed,02 Jan 2008 12:31:36 +0800

J%WL:7.S6OzX=r)'a7育M,fK网]Th#件E违法处罚信息");
document.writeln("  ");
document.writeln("  ●
发票信息");
document.writeln("  ");
document.writeln("");
//------------------菜单结束-----------------------

静态页面的值传递

wuuu018168@163.com(webworm) — Wed,02 Jan 2008 12:15:46 +0800

Window.open篇

这两窗口之间存在着关系.父窗口parent.htm打开子窗口son.htm
子窗口可以通过window.opener指向父窗口.这样可以访问父窗口的对象.

优点:取值方便.只要window.opener指向父窗口,就可以访问所有对象.
       不仅可以访问值,还可以访问父窗口的方法.值长度无限制.
缺点:两窗口要存在着关系.就是利用window.open打开的窗口.不能跨域.


Post.htm

Read.htm

//window.open打开的窗口.
//利用opener指向父窗口.
var parentText = window.opener.document.all.maintext.value;
alert(parentText);

利用Cookie.

Cookie是浏览器存储少量命名数据.
它与某个特定的网页或网站关联在一起.
Cookie用来给浏览器提供内存,
以便脚本和服务器程序可以在一个页面中使用另一个页面的输入数据.

优点:可以在同源内的任意网页内访问.生命期可以设置.
缺点:值长度有限制.

Post.htm

function setCookie(name,value)
{
/*
*--------------- setCookie(name,value) -----------------
* setCookie(name,value)
* 功能:设置得变量name的值
* 参数:name,字符串;value,字符串.
* 实例:setCookie(''''username'''',''''baobao'''')
* update:2004-6-11 10:30
*--------------- setCookie(name,value) -----------------
*/
    var Days = 30; //此 cookie 将被保存 30 天
    var exp  = new Date();
    exp.setTime(exp.getTime() + Days*24*60*60*1000);
    document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
    location.href = "Read.htm"; //接收页面.
}

Read.htm

function getCookie(name)
{
/*
*--------------- getCookie(name) -----------------
* getCookie(name)
* 功能:取得变量name的值
* 参数:name,字符串.
* 实例:alert(getCookie("baobao"));
* update:2004-6-11 10:30
*--------------- getCookie(name) -----------------
*/
    var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));
    if(arr !=null) return unescape(arr[2]); return null;
}
alert(getCookie("baobao"));

URL篇

能过URL进行传值.把要传递的信息接在URL上.

优点:取值方便.可以跨域.
缺点:值长度有限制.

Post.htm

function Post()
{
    //单个值 Read.htm?username=baobao;
    //多全值 Read.htm?username=baobao&sex=male;
    url = "Read.htm?username="+escape(document.all.username.value);
    url += "&sex=" + escape(document.all.sex.value);
    location.href=url;
}

Read.htm

/*
*--------------- Read.htm -----------------
* Request[key]
* 功能:实现ASP的取得URL字符串,Request("AAA")
* 参数:key,字符串.
* 实例:alert(Request["AAA"])
* author:wanghr100(灰豆宝宝.net)
* update:2004-6-11 10:30
*--------------- Request.htm -----------------
*/
var url=location.search;
var Request = new Object();
if(url.indexOf("?")!=-1)
{
    var str = url.substr(1)  //去掉?号
    strs = str.split("&");
    for(var i=0;i    {
        Request[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);
    }
}
alert(Request["username"])
alert(Request["sex"])