html会 员 注 册表单

原创 2012年03月22日 18:41:05
<html>
<head>
	<title>html文件</title>
  <style type="text/css">
  	 {margin:0;padding:0;}
  	 table{background-color:#B0C4DE;border:1px  #B0C4DE;font-size:15px;}
  	 tr {
	       background-color:expression((this.sectionRowIndex%2==0)?"#ABC6DE": "#D1E0ED" )
      }

  	 #a1{background-color:#6899C4;}
  	 .a1{color:white;font-weight:bold;}
  	 .a2{background-color:white;width:90px;height:20px;text-align:center;}
         .a3{background-color:white;width:25px;text-align:center;}
  </style>
</head>
<body>
	<center>
  <table frame="box">
    <form>
    	<tr id="a1"><td colspan="2" align="center" class="a1">会 员 注 册</td></tr>
    	<tr>
    		<td>
    			会 员 名:
    		</td>
    		<td>
    			<input type="text" name="name" size="25"/>*  <span  class="a2">检测</span>  (*为必添)
    		</td>
    	</tr>
    	<tr>
    		<td>
    			姓 名:
    		</td>
    		<td>
    			<input type="text" name="username"/>*
    		</td>
    	</tr>
    	<tr>
    		<td>
    			密 码:
    		</td>
    		<td>
    		  <input type="text" name="password"  size="25"/>*
    		</td>
    	</tr>
    	<tr>
    		<td>
    			密码确认:
    		</td>
    		<td>
    			<input type="text" name="password"  size="23"/>*
    		</td>
    	</tr>
    	<tr>
    		<td>
    			提示问题:
    		</td>
    		<td>
    			<input type="text" name="password"  size="25"/>*
    		</td>
    	</tr>
    	<tr>
    		<td>
    			问题答案:
    		</td>
    		<td>
    			<textarea name="answer" cols="50" rows="4" style="SCROLLBAR-FACE-COLOR: #6899C4;SCROLLBAR-TRACK-COLOR: #d1e0ed;;" ></textarea>*
    		</td>
    	</tr>
    	<tr>
    		<td>
    			通过何途径了解该网站:
    		</td>
    		<td>
    			<span class="a3"><input type="checkbox" name="aaa"/></span>广告
    			<span class="a3"><input type="checkbox" name="bbb"/></span>其他网站
    			<span class="a3"><input type="checkbox" name="ccc"/></span>朋友介绍
    			<span class="a3"><input type="checkbox" name="ddd"/></span>其他
    	  </td>
    	</tr>
    	<tr>
    		<td>
    			性 别:
    		</td>
    		<td>
    			<span class="a3"><input type="radio" name="boy" /></span>男
    			<span class="a3"><input type="radio" name="girl"></span>女
    		</td>
    	</tr>
    	<tr>
    		<td>
    			身份证号码:
    		</td>
    		<td>
    			<input type="text" name="no"  size="25"/>
    		</td>
    		</tr>
    	<tr>
    		<td>
    			出生日期:
    		</td>
    		<td>
    			<input type="text" name="hiredate"  size="25"/>
    		</td>
    	</tr>
    	<tr>
    		<td>
    			职 称:
    		</td>
    		<td>
    			<select name="职称" size="1">
    				<option value="001">animals</option>
    				<option value="002">animals</option>
    				<option value="003">animals</option>
    				<option value="004">animals</option>
    			</select>
    		</td>
    	</tr>
    	<tr>
    		<td>
    			文化程度:
    		</td>
    		<td>
    			<select name="文化" size="1">
    				<option value="001">hahaa</option>
    				<option value="002">hahaa</option>
    				<option value="003">hahaa</option>
    				<option value="004">hahaa</option>
    			</select>
    		</td>
    	</tr>
    	<tr>
    		<td>
    			电子邮件:
    		</td>
    		<td>
    			<input type="text" name="email"  size="30"/>
    		</td>
    	</tr>
    	<tr id="a1"><td colspan="2" align="center"><span class="a2"><input type="button" value="提交"/></span></td></tr>
  </table>
  </from>
</center>
</body>
</html>


 

相关文章推荐

1HTML5表单属性

  • 2016年05月12日 16:52
  • 472KB
  • 下载

网站开发之HTML基础表格Table和表单Form(三)

这篇文章主要介绍HTML两个比较重要的基础知识: - 表格Table及简单的网页布局 - 表单Form及Input控件 - 简单介绍HTML5新增Input控件 真心希望文章对你有所帮助,尤其...

html5表单上传控件Files API

  • 2015年09月01日 20:40
  • 40KB
  • 下载

html表格与表单的制作

  • 2014年03月23日 23:01
  • 75KB
  • 下载

入门HTML之表单 文本框 文本域 按钮

HTML表单是HTML页面与浏览器端实现交互的重要手段。利用表单可以收集客户端提交的有关信息。 在HTML里,我们可以定义表单,并且使表单与CGI或ASP等服务器端的表单处理程序配合。我们在网页设计课...

.html框架和表单

  • 2014年06月03日 08:56
  • 1KB
  • 下载

JQuery -AJAX- html中提交表单并实现不跳转页面处理返回值

本文中实现在html中使用jQuery的组件实现表单提交并在当前页面中处理返回值。 1、使用AjaxForm方式 (1)、导入js文件      需要导入相关的js文件。...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:html会 员 注 册表单
举报原因:
原因补充:

(最多只允许输入30个字)