使用HTML实现用户登录界面

代码如下:

<!DOCTYPE html>
<html>
<head>
<title>用户登录.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/回头ml; charset=UTF-8">
    
  <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
 
<style type="text/css">
.image {
}
</style>
  </head>
  
  <body>
    <form name="user" action="#" method="get">
    	<table  align="center">
    		<tr>
    			<td>BUG员身份</td>
    			<td>
    				<input type="text" name="username" />
				</td>
    		</tr>
    		<tr>
    			<td>BUG员的劣质锁</td>
    			<td>
    				<input type="password"/>
				</td>
    		</tr>
    		<tr>
    			<td>BUG员有两种性别</td>
    			<td>
    				<input type="radio" name="name" checked="checked"/>一种是男
    				<input type="radio" name="name"/>另一种也是男
				</td>
    		</tr>
    		<tr>
    			<td>窝</td>
    			<td>
    				<select>
    					<option>海岛</option>
    					<option>沙漠</option>
    					<option>雨林</option>
    				</select>
    				<select>
    					<option>鲨鱼之殇</option>
    					<option>沙漠之雕</option>
    					<option>制衡之杖</option>
    				</select>
				</td>
    		</tr>
    		<tr>
    			<td>爱好是不可能有爱好的</td>
    			<td>
    				<input type="checkbox" name="sport" checked="checked"/>写代码
    				<input type="checkbox" name="basketball"/>改代码
    				<input type="checkbox" name="volleyball"/>边写边改代码
				</td>
    		</tr>
    		<tr>
    			<td>装代码的箱子</td>
    			<td>
    				<input type="text" name="emall" />
				</td>
    		</tr>
    		<tr>
    			<td>BUG员出生方式</td>
    			<td>
    				<input type="text" name="phone" />
				</td>
    		</tr>
    		<tr>
    			<td>请上传光头</td>
    			<td>
    				<input type="file" name="file" />
				</td>
    		</tr>
    		<tr>
    			<td>除了代码别无其他</td>
    			<td>
    				<textarea rows="15" cols="50"></textarea>
				</td>
    		</tr>
    		<tr>
    			<td></td>
    			<td>
    				<input type="button" value="请点我"/>
    				<input type="submit" name="tijiao" value="完全ojbk"/>
    				<input type="reset" name="quxiao" value="duck不必"/>
				</td>
    		</tr>
    		<tr>
    			<td></td>
    			<td class="image">
   				  <input type="image" name="img" src="btn.gif"/>
				</td>
    		</tr>
    	</table>
</body>
</html>

结果如下:

 


版权声明:本文为xieailei原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。