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>
相关推荐
不可求~1 小时前
多模型路由怎么落地:把任务分流写进项目的最小实现
java·前端·数据库
AC赳赳老秦5 小时前
公开图片 OCR 数据提取:OpenClaw 合规采集公开信息图,识别文字与表格并转化为结构化数据
java·大数据·前端·数据库·python·php·openclaw
谢慧琼5 小时前
2026零基础做企业网站,低成本搭建官方网站
服务器·前端·javascript
weixin_431600446 小时前
前端数据埋点(1):一次点击如何变成一条埋点
前端·js·数据埋点
IT_陈寒6 小时前
Python线程池吞了异常还不告诉我,这谁顶得住啊
前端·人工智能·后端
计算机魔术师6 小时前
同样是AI辅助建造,为什么有的游戏三个月就烂尾了?
前端
用户921080262866 小时前
0. 做 Agent 产品,前端 AI 组件框架怎么选?
前端
拾年2757 小时前
React Hooks 进阶篇:useMemo / useCallback / useReducer / useImperativeHandle,用「算账 +
前端·javascript·react.js
Jackson__8 小时前
面试官:如何在老项目中使用新框架,并实现通信?
前端·javascript·面试
拾年2758 小时前
React Hooks 保姆级教程:把组件想象成失忆的打工人,4 个 Hook 带你原地起飞
前端·javascript·react.js