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>
相关推荐
奔跑的web.5 小时前
TypeScript Enum 类型入门:从基础到实战
前端·javascript·typescript
盐真卿6 小时前
python2
java·前端·javascript
梦梦代码精6 小时前
BuildingAI vs Dify vs 扣子:三大开源智能体平台架构风格对比
开发语言·前端·数据库·后端·架构·开源·推荐算法
seabirdssss7 小时前
《bootstrap is not defined 导致“获取配置详情失败”?一次前端踩坑实录》
前端·bootstrap·html
kgduu7 小时前
js之表单
开发语言·前端·javascript
谢尔登9 小时前
Vue3 响应式系统——computed 和 watch
前端·架构
愚公移码9 小时前
蓝凌EKP产品:主文档权限机制浅析
java·前端·数据库·蓝凌
欣然~10 小时前
法律案例 PDF 批量转 TXT 工具代码
linux·前端·python
一个小废渣10 小时前
Flutter Web端网络请求跨域错误解决方法
前端·flutter
符文师11 小时前
css3 新特性
前端·css3