发信人: aqing()
整理人: microant(1999-08-02 12:13:50), 站内信件
|
【 在 jacky888 (情风) 的大作中提到: 】
: 如何做一个漂亮的提交式表单，能否告诉我详细代码和介绍。谢谢
好,是用mail 的么?代码如下>>>:
------
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=gb_2312-80">
<meta name="GENERATOR" content="Microsoft FrontPage Express 2.0">
<title>情教登记表</title>
</head>
<body background="../desktop.jpg">
<p align="center"><strong>入 教 登 记 表</strong></p>
<hr>
<p align="center"><span style="font-family: 宋体; font-size: 9pt"><
script language="JavaScript"><!--
function validate_form() {
validity = true; // assume valid
if (!check_empty(document.form.NAME.value))
{ validity = false; alert('您的大名怎么没有？'); }
if (!check_email(document.form.EMAIL.value))
{ validity = false; alert('您的Email不对吧？'); }
if (!check_empty(document.form.CITY.value))
{ validity = false; alert('没有 这个城市吧？'); }
if (validity)
alert ("太谢谢您了. "
+ "您的表已经送到浏览器"
+ "邮件发送系统.");
return validity;
}
function check_empty(text) {
return (text.length > 0); // returns false if empty
}
function check_email(address) {
if ((address == "")
|| (address.indexOf ('@') == -1)
|| (address.indexOf ('.') == -1))
return false;
return true;
}
// --></script> <!-- CHANGE EMAIL ADDRESS IN ACTION OF FORM -->
带“*”号的为必填项</span></p>
- <form
action="mailto:[email protected]?SUBJECT=入教登记表"
method="POST" enctype="text/plain" name="form"
onsubmit="return validate_form()">
<!-- PLAIN HTML FORM ELEMENTS --><!-- CHANGE THE validate_form() funct
ion to match your changes here --> <p><span style="font-fam
ily: 宋体; font-size: 9pt">*您的昵称：<input type="text" size="20"
name="NAME" value="情教之"
style="font-family: 宋体; font-size: 9pt"></span></p>
<p><span style="font-family: 宋体; font-size: 9pt">您在
网易虚拟社区的ID：<input
type="text" size="10" name="ID"
style="font-family: 宋体; font-size: 9pt">你的星座：<selec
t
name="Star" size="1"
style="font-family: 宋体; font-size: 9pt">
<option selected value="不详">不想说</option>
<option value="白羊座">白羊座</option>
<option value="金牛座">金牛座</option>
<option value="双子座">双子座</option>
<option value="巨蟹座">巨蟹座</option>
<option value="狮子座">狮子座</option>
<option value="处女座">处女座</option>
<option value="射手座">射手座</option>
<option value="天平座">天平座</option>
<option value="天蝎座">天蝎座</option>
<option value="摩羚座">摩羚座</option>
<option value="水瓶座">水瓶座</option>
<option value="双鱼座">双鱼座</option>
</select><br>
<br>
*您的Email：<input type="text" size="32"
name="EMAIL"
style="font-family: 宋体; font-size: 9pt"></span></p>
<p><span style="font-family: 宋体; font-size: 9pt">您的
职业：<select name="ZHUYE" size="1"
style="font-family: 宋体; font-size: 9PT">
<option value="其他">其他</option>
<option value="商人">商人</option>
<option value="政府机关">政府机关</option>
<option value="计算机">计算机</option>
<option value="学生">学生</option>
<option value="公司职员">公司职员</option>
<option value="无业">无业</option>
<option value="工厂工人">工厂工人</option>
</select>如您的职业未列出请在这里填入：<input
type="text" size="17" name="ZHYE1"
style="font-family: 宋体; font-size: 9pt"><br>
<br>
您的ICQ：<input type="text" size="32" name="ICQ"
style="font-family: 宋体; font-size: 9pt">您的电话：<input
type="text" size="10" name="tel"
style="font-family: 宋体; font-size: 9pt"><br>
<br>
您的地址：<input type="text" size="50"
name="ADDRESS_LINE1"
style="font-family: 宋体; font-size: 9pt"></span></p>
<table border="0" cellpadding="5" width="450">
<tr>
<td width="170"><span style="font-family: 宋体; fo
nt-size: 9pt">*城市:<br>
<input type="text" size="20" name="CITY"
style="font-family: 宋体; font-size: 9pt"></span><
/b></td>
<td width="154"><span style="font-family: 宋体; fo
nt-size: 9pt">邮政编码:<br>
<input type="text" size="10" name="ZIP_CODE"
style="font-family: 宋体; font-size: 9pt"></span><
/b></td>
</tr>
</table>
<p><span style="font-family: 宋体; font-size: 9pt">*您的
自我介绍:<br>
<textarea name="COMMENTS" rows="8" cols="50"
wrap="virtual"
style="font-family: 宋体; font-size: 9pt"></textarea><br>
<br>
<input type="submit" name="submit"
value="发送出去"> <input type="reset"
value="重新写过"></span></p>
</form>
</body>
</html>
-----
--
☆★☆★☆★情教护花,视保护美眉为已任☆★☆★☆★
欢迎加盟情教,总坛地址:love21n.126.com
情教聊天室:love21nchat.126.com
※ 来源:．月光软件站 http://www.moon-soft.com．[FROM: 202.97.245.250]
|
|