• 实训篇-Html-注册页面【简单】


    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title>Regist</title>
    	</head>
    	<body>
    		<h3 align="center">注册页面</h3>
    		<form action="emailtop.html" method="get">
    		<table align="center" border="1px" width="350px">
    			<tr height="50px" >
    				<td width="80px" align="center">用户名</td>
    				<td colspan="3" align="center">
    					<input type="text" name="username" id="username" value="" placeholder="邮箱,手机" />
    				</td>
    			</tr>
    			<tr height="50px" align="center">
    				<td>密码</td>
    				<td colspan="3">
    					<input type="password" name="pwd" id="pwd" value="" />
    				</td>
    			</tr>
    			<tr height="50px" align="center">
    				<td>性别</td>
    				<td colspan="3">
    					男<input type="radio" name="sex" id="" value="1" checked />
    					女<input type="radio" name="sex" id="" value="0" />
    				</td>
    			</tr>
    			<tr height="50px" align="center">
    				<td>爱好</td>
    				<td colspan="3">
    					看书<input type="checkbox" name="hobby0" id="" value="0"  />
    					看报<input type="checkbox" name="hobby1" id="" value="1" />
    					看电视<input type="checkbox" name="hobby2" id="" value="2" />
    					学习<input type="checkbox" name="hobby3" id="" value="3" checked />
    				</td>
    			</tr>
    			<tr height="50px" align="center">
    				<td>籍贯</td>
    				<td colspan="3">
    					<select name="born">
    						<option value="0">请选择</option>
    						<option value="1" selected="">山东</option>
    						<option value="2">河北</option>
    						<option value="3">山西</option>
    					</select>
    				</td>
    			</tr>
    			<tr height="50px" align="center">
    				<td>生日</td>
    				<td colspan="3">
    					<input type="date" name="bithday" id="bithday" value="" />
    				</td>
    			</tr>
    			<tr height="100px" align="center" >
    				<td rowspan="3">介绍</td>
    				<td colspan="3" rowspan="3">
    					<textarea name="desc" rows="15" cols="35"></textarea>
    				</td>
    			</tr>
    			<tr height="50px">
    			</tr>
    			<tr height="50px">
    			</tr>
    			
    			<tr height="50px" align="center">
    				<td>手机号</td>
    				<td colspan="3">
    					<input type="number" name="phone" id="phone" value="" />
    				</td>
    			</tr>
    			<tr height="50px" align="center">
    				<td>第几周</td>
    				<td colspan="3">
    					<input type="week" name="week" id="week" value="" />
    				</td>
    			</tr>
    			<tr height="50px" align="center">
    				<td>上传文件</td>
    				<td colspan="3">
    					<input type="file" name="file" id="file" value="" />
    				</td>
    			</tr>
    			
    			
    			
    			<tr height="50px" align="center">
    				<td colspan="4">
    					<!--具有提交表单中数据的作用-->
    					<input type="submit" name="" id="" value="提交" />
    					<!--普通的按钮可以响应某系事件-->
    					<input type="button" name="" id="" value="OK"  onclick="alert('你好')"/>
    					<!--重置表单中的内容 一般不建议使用-->
    					<input type="reset" name="" id="" value="重置" />
    				</td>
    			</tr>
    		</table>
    		</form>
    	</body>
    </html>
    

      

  • 相关阅读:
    Windows的全新文件系统:ReFS
    Eclipse Virgo 3.0发布了
    Web Sites and a Plugin Free Web
    PhoneGap现已完全支持WP7
    深入探索PowerPivot客户端和服务器端架构
    Funf,一个传感和数据处理的移动框架
    利用Contained Database和DAC来开发基于SQL Server "Denali"和SQL Azure之上的应用程序
    一个漂亮的HTML5后台管理界面模板
    笔试题收集
    笔试面试的准备工作
  • 原文地址:https://www.cnblogs.com/52dxer/p/12165212.html
Copyright © 2020-2023  润新知