那个发邮件的指定到你邮箱的功能不是html能实现的饿- -！
<html>
<head>
<title>表单源码</title>
<head>
<body bgcolor="#A0EEDC">
<form method="post" action="c:\" name="myform" enctype="multipart/form-data">
<table bgcolor="#DAB4F1" width="60%" height="70%" align="center" border="0" bordercolor="red" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2" bgcolor="#A3C2E4" align="center" width="100%" >请完成以下表格</td>
</tr>
<tr>
<td align="right" width="30%">姓名 </td>
<td><input type="text" name="yhm" size="10" maxlength="15"/></td>
</tr>
<tr>
<td></td>
<td align="left"><font size="2">请在此处填写姓名,</font><br/><font face="黑体" color="#ff0000" size="3">字符最长为四个汉字，或八个英文字母</font><td>
</tr>
<tr>
<td align="right">性别 </td>
<td>
<input type="radio" name="xb" value="男"/>男
<input type="radio" name="xb" value="女"/>女
</td>
</tr>
<tr>
<td align="right">电子邮件地址 </td>
<td><input type="text" name="dzyj" size="40" maxlength="50"/></td>
</tr>
<tr>
<td align="right">职业</td>
<td>
<select name="zy">
<option value="0" selected>传播/媒体 </option>
<option value="1">计算机/IT</option>
<option value="2">金融</option>
<option value="3">教育</option>
<option value="4">其他</option>
</select>
</td>
</tr>
</>
<tr>
<td align="right">个人爱好</td>
<td>
<input type="checkbox" name="ah" value="0"/>电脑网络
<input type="checkbox" name="ah" value="1"/>影视娱乐
<input type="checkbox" name="ah" value="2"/>棋牌游戏 <br/>
<input type="checkbox" name="ah" value="3"/>读书读报
<input type="checkbox" name="ah" value="4"/>美酒佳肴
<input type="checkbox" name="ah" value="5"/>绘画书法
</td>
</tr>
<tr>
<td></td>
<td><font face="楷体" size="3">在此选择兴趣爱好，可以选择一个以上的选项。</td>
</tr>
<tr>
<td align="right">留言内容</td>
<td><textarea cols="25" rows="4" name="liuyan"></textarea></td>
</tr>
<tr>
<td colspan="2" bgcolor="#A3C2E4" align="center" width="100%" ><font size="2">请完成后，选择下面的Submit按钮提交表单。</font></td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="submit" name="tj" value="Sumbit"/>
<input type="reset" name="qk" value="Reset"/>
</td>
</tr>
</table>
</form>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html charset=utf-8" />
<title>产品订购</title>
</head>
<body><form action="#" method="post">
<table width="1000" border="1">
<tr>
<th colspan="4">产品订购</th>
</tr>
<tr>
<td style="text-align:right">姓名：</td>
<td><input type="text" name="consumer" /></td>
<td>商品名称：</td>
<td><input type="text" name="goods_name" /></td>
</tr>
<tr>
<td style="text-align:right">地区：</td>
<td>
<select name="address">
<option value="guangzhou">广州</option>
<option value="beijing">北京</option>
<option value="shanghai">上海</option>
</select>
</td>
<td>付款方式：</td>
<td>
<input type="radio" name="pay" value="network" />网上
<input type="radio" name="pay" value="mail" />邮局
<input type="radio" name="pay" value="bank" />银行
</td>
</tr>
<tr>
<td style="text-align:right">关注产品：</td>
<td colspan="3">
<input type="checkbox" name="hufu" checked="checked" />护肤品
<input type="checkbox" name="huazhuang" />化妆品
<input type="checkbox" name="fuzhuang" checked="checked" />服装
<input type="checkbox" name="dianqi" />电器
</td>
</tr>
<tr>
<td style="text-align:right">联系电话：</td>
<td colspan="3"><input type="text" name="phone" /></td>
</tr>
<tr>
<td style="text-align:right">备注：</td>
<td colspan="3">
<textarea name="comment" rows="10" cols="80"></textarea>
</td>
</tr>
<tr>
<td> </td>
<td colspan="3">
<input type="submit" value="提交" />
<input type="reset" value="重置" />
</td>
</tr>
</table>
</form>
</body>
</html>
可否满意？
下面是表单代码，你直接再加属性就可以了，表单用 table 写比较简单，div 太麻烦了；<html xmlns=" http://www.dayinmandarin.com ">
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />
<title>黑板</title>
</head>
<body>
<div style="width:500px">
<h1 style="width:500pxheight:50pxcolor:#2A8DF0border-bottom:#2A8DF0 solid 3pxtext-align:center">用户注册页面</h1>
<table cellpadding="0" cellspacing="10" style="margin:0 auto">
<tr>
<td align="right" valign="top"><div>用户名：</div></td>
<td><input style='width:250px' value='请输入用户名' /></td>
</tr>
<tr>
<td align="right" valign="top"><div>密 码：</div></td>
<td><input style='width:250px' value='请输入密码' /></td>
</tr>
<tr>
<td align="right" valign="top"><div>确 认：</div></td>
<td><input style='width:250px' value='请再次输入密码' /></td>
</tr>
<tr>
<td align="right" valign="top"><div>姓 名：</div></td>
<td><input style='width:250px' value='请输入真实姓名' /></td>
</tr>
<tr>
<td align="right" valign="top"><div>邮 箱：</div></td>
<td><input style='width:250px' value='请输入电子邮箱' /></td>
</tr>
</table>
<div align="center"><input style="width:100pxheight:30pxtext-align:centerline-height:30pxbackground:#2289F0border:#2289F0color:whitefont-weight:boldfont-size:16px" type="submit" value="提交注册" /></div>
</div>
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）