web前端开发HTML/css用户登录界面

代码:

css 复制代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<div align="center">
<div style="border:1px dashed #000;width:550px;height:350px;line-height:1.5;list-style-type:none;text-align:left;padding:50px;">

<form>
<table>
	<tr>
		<td>我的邮箱:</td>
    	<td ><input type="text"/></td>
    </tr>
    <tr>
    	<td>创建密码:</td>
        <td><input type="password"/></td>
    </tr>
	<tr>
    	<td>验证密码:</td>
        <td><input type="password"/></td>
    </tr>
	<tr>
    	<td align="center">昵&nbsp&nbsp&nbsp称:</td>
        <td><input type="text"/></td>
    </tr> 
    <tr>
    	<td align="center">
        <label for="position">所&nbsp在&nbsp地:</label></td>
        <td>
            <select style="type:square;">
                <option>海口市</option>
                <option>三亚市</option>
                <option>三沙市</option>
                <option>儋州市</option>
                <option>五指山市</option>
                <option>琼海市</option>
                <option>文昌市</option>
                <option>万宁市</option>
                <option>东方市</option>
                <option>其他</option>
            </select>
        </td>
    </tr>
</table>

<table><tr><td>性别:</td>
<td><input id="option1" type="radio"/ name="option"/></td>
<td><label for="man">男</label></td>
<td><input id="option2" type="radio"/ name="option"/><label for="woman">女</label></td>
<td><input id="option3" type="radio"/ name="option"/><label for="secret">保密</label></td>
</tr></table><table><tr>
<td>自我介绍:</td></tr></tr>
<td><textarea type="text" style="border:1px solid #000;width:500px;height:90px;display:-webkit-box;-webkit-line-clamp:10;font-size:32px;"/></textarea></td>
</tr></table><table><tr>
<td>兴趣爱好: </td><td><input id="sport" type="checkbox" name="hobby"/>
<label for="sport">运动</label></td>
<td><input id="read" type="checkbox" name="hobby"/></td>
<td><label for="read">读书</label></td>
<td><input id="shopping" type="checkbox" name="hobby"/></td>
<td><label for="shopping">逛街</label></td>
<td><input id="muise" type="checkbox" name="hobby"/></td>
<td><label for="muise">听音乐</label></td>
<td><input id="draw" type="checkbox" name="hobby"/></td>
<td><label for="draw">画画</label></td>
</tr></table>

	<input type="image" name="用户登录" src="表格布局案例-学习强国/images/login.png" width="88" height="28"/>
<input type="button" value="注册"/>
		<input type="reset" value="重置"/>

</form>
</div>
</div>
</body>
</html>
相关推荐
sycmancia6 小时前
Qml——Window元素使用
前端
每天都好困6 小时前
03 AR 投影与误差修正:把地图上的点贴到视频画面上
前端
每天都好困6 小时前
04 地图图层封装:像管理 Photoshop 图层一样管理地图元素
前端
去伪存真6 小时前
构建你的第一个 DevOps AI Agent:自动化捕获、分析并修复 CI 故障
前端·agent
niucloud-admin7 小时前
JAVA V6 多商户商城 开发文档——手机端前端
java·开发语言·前端
skywalk81637 小时前
deepseekharness在对话中,有四种模式,分别是极简、PTC、创造和标准模式,每种模式下挂载的插件、skill等数量不一样
前端·人工智能·实践
愛芳芳7 小时前
element-plus+vite+vue3+pinpa+mock+typeScript搭建经典的电商管理后台
前端·javascript·typescript
liangshanbo12157 小时前
面试题:常见的前端构建工具有哪些?分别适用于什么场景?
前端
linux_cfan7 小时前
videojs v10 源代码系列解读:30 · `SerialRunner` 与 `ConcurrentRunner`
前端
liangshanbo12157 小时前
面试题:页面需要发起大量 Ajax / HTTP 请求时,如何优化请求性能?
前端·http·ajax