html表单与页面控件联系

来源：互联网发布：瑞特优化编辑：程序博客网时间：2024/05/20 05:53
顾客要求的效果
代码展示：
<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title></title></head><body><form><table bgcolor="#444444" border="0" width="600" height="500"><tr bgcolor="#FFFFFF"><td align="right" bgcolor="#B8F2F7">名字:</td><td><input type="text" name="name" size="30" maxlength="20"/></td></tr><tr bgcolor="#FFFFFF"><td align="right" bgcolor="#B8F2F7">姓氏:</td><td><input type="text" name="nname" size="30" maxlength="10"/></td></tr><tr bgcolor="#FFFFFF"><td align="right" bgcolor="#B8F2F7">登录名:</td><td><input type="text" name="logon" size="30" maxlength="10"/>(可包含 a-z、0-9和下划线)</td></tr><tr bgcolor="#FFFFFF"><td align="right" bgcolor="#B8F2F7">密码:</td><td><input type="text" name="paswd" size="30" maxlength="10"/>(至少包含6个字符)</td></tr><tr bgcolor="#FFFFFF"><td align="right" bgcolor="#B8F2F7">再次输入密码:</td><td><input type="text" name="paswd" size="30" maxlength="10"/></td></tr><tr bgcolor="#FFFFFF"><td align="right" bgcolor="#B8F2F7">电子邮箱:</td><td><input type="text" name="mail" size="30" maxlength="10"/>(必须包含@字符)</td></tr><tr bgcolor="#FFFFFF"><td align="right" bgcolor="#B8F2F7">性别:</td><td><input type="radio" value="男" name="sex" checked="checked"/><img src="nan.png"></img>男<input type="radio" value="女" name="sex" /><img src="nv.png"></img>女</td></tr><tr bgcolor="#FFFFFF"><td align="right" bgcolor="#B8F2F7">爱好:</td><td><input type="checkbox" name="hobby" value="运动"/>运动<input type="checkbox" name="hobby" value="聊天"/>聊天<input type="checkbox" name="hobby" value="玩游戏"/>玩游戏</td></tr><tr bgcolor="#FFFFFF"><td align="right" bgcolor="#B8F2F7">出生日期:</td><td><input type="text" name="year" value="yyyy" size="5"/>年 &nbsp;<select name="month"><option value="">[请选择月份:]</option><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10">10</option><option value="11">11</option><option value="12">12</option></select>月 &nbsp;<input type="text" name="date" value="dd" size="5"/>日</td></tr><tr bgcolor="#FFFFFF"><td align="right" bgcolor="#B8F2F7"><input type="reset" value="&nbsp;重&nbsp;&nbsp;&nbsp;填&nbsp;"/></td><td><input type="button" value="&nbsp;&nbsp;同意以下服务条款，提交注册信息&nbsp;&nbsp;"/></td></tr><tr bgcolor="#FFFFFF" rowspan="3"><td colspan="2"><b style=" font-style:inherit">阅读淘宝网服务协议</b></td></tr><tr bgcolor="#FFFFFF"><td colspan="2"><textarea cols="80" rows="3">本服务可提供与其他国际互联网网站或资源的链接。由于腾讯无法控制这些网站或资源的内容，您了解并同意：无论此类网站或资源是否可供利用，腾讯不予负责；腾讯亦对存在或源于此类网站或资源之任何内容、广告、产品或其他资料不予保证或负责。因您使用或依赖任何此类网站或资源发布的或经由此类网站或资源获得的任何内容、商品或服务所产生的任何损害或损失，腾讯不负任何直接或间接责任。 鉴于本服务以非人工检索方式、根据您输入的关键字自动生成到第三方网页的链接，除本协议注明之服务条款外，其他一切因使用本服务而可能遭致的意外、疏忽、侵权及其造成的损失（包括因下载被搜索链接到的第三方网站内容而感染电脑病毒），腾讯不承担任何法律责任。本服务搜索结果根据您输入的关键字自动搜索获得并生成，不代表腾讯对被搜索链接到的第三方网页内容的态度或立场。</textarea></td></tr></table></form></body></html>
做出后的效果展示
阅读全文
0 0