您的位置:首页 > Web前端 > HTML

html登录示例,以及各元素使用

2015-12-14 23:53 645 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script src="a/WdatePicker.js" type="text/javascript"></script>
</head>
<body>
<h1 align="center" color ="green">我的登录界面</h1>
<form action="ShowPic.html" method="get">
<table align="center">
<tr>
<td>用户名</td>
<td><input type="text" name="name"></td><br>
</tr>
<tr>
<td>密码</td>
<td><input type="pwd" name="pwd"></td><br>
</tr>
<tr>
<td>个人生日</td>
<!-- readonly="readonly" -->
<td>
<input type="text"  onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})"/>
</td>
</tr>
<tr>
<td>选择上传文件</td>
<td><input type="file" value="图片"></td>
</tr>
<tr>
<td>请选择性别</td>
<td><input type="radio" name="sex" value="0" checked=checked>男
<input type="radio"  name="sex" value="1">女<td>
</tr>
<tr>
<td>请选择爱好</td>
<td>
<input type="checkbox" name="cb" value="足球" >足球
<input type="checkbox" name="cb" value="羽毛球" checked = checked>羽毛球
<input type="checkbox" name="cb" value="篮球">篮球
</td>
</tr>
<tr>
<td>请选择喜欢的车型</td>
<td>
<select>
<option value="1">奥迪</option>
<option value="2">宝马</option>
<option value="3">尼桑</option>
</select>
</td>
</tr>
<tr>
<td>个人介绍:</td>
<td>
<textarea rows="3" cols="40"></textarea>
</td>
</tr>
<tr>
<td>请选择按键</td>
<td><input type="submit" value="登录">        
<input type="reset" value="重置"></td>
</tr>
</table>
</body>
</html>

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: