谁能帮写个简单的html表单源代码?

谁能帮写个简单的html表单源代码?,第1张

这是以前在学校写的 自己拿去改改吧

那个发邮件的指定到你邮箱的功能不是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>&nbsp</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>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/5911604.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-08
下一篇 2023-03-08

发表评论

登录后才能评论

评论列表(0条)

保存