前端之用html做一个用户登陆界面

news/2024/4/27 16:37:14

用户登陆界面

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>用户注册页面</title></head>
<body><form action="https://www.baidu.com" method="post"><table border="1px" align="center" ><thead><tr align="center"><td colspan="3">用户注册</td></tr></thead><tbody><tr><td align="right">用户名</td><td colspan="2"><input type="text"></td></tr><tr><td align="right">密码</td><td colspan="2"><input type="password"></td></tr><tr><td align="right">性别</td><td colspan="2">男<input type="radio" name="性别" value="男">女<input type="radio" name="性别" value="女" checked></td></tr><tr ><td align="right">爱好</td><td colspan="2"><input type="checkbox" name="hobby" value="打篮球">打篮球<input type="checkbox" name="hobby" value="打羽毛球">打羽毛球<input type="checkbox" name="hobby" value="踢足球">踢足球<input type="checkbox" name="hobby" value="看书">看书</td></tr><tr><td align="right">邮箱</td><td colspan="2"><input type="email" name="tel"></td></tr><tr><td align="right">  出生日期</td><td colspan="2"> <input type="date"></td></tr><tr><td align="right">电话号码</td><td colspan="2"><input type="tel" name="tel"></td></tr><tr><td align="right">学历</td><td colspan="4"><select name="学历" multiple><option value="">请选择你的学历</option><option value="小学">小学</option><option value="初中">初中</option><option value="高中">高中</option><option value="本科">本科</option><option value="研究生">研究生</option><option value="博士">博士</option></select></td></tr><tr><td align="right">个人简介</td><td colspan="2"><textarea name="introduce" id="" cols="30" rows="10"></textarea></td></tr></tbody><tfoot><tr><td  colspan="3" align="center"><input type="submit" value="提交"><input type="reset" name="重置"></td></tr></tfoot></table></form>
</body>
</html>

结果


不嫌弃的点点关注,点点赞 ଘ(੭ˊᵕˋ)੭* ੈ✩‧₊˚ 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.cpky.cn/p/10488.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈,一经查实,立即删除!

相关文章

php apache 后台超时设置

最近在写一个thinkphp项目的时候&#xff0c;发现Ajax从后端请求数据时间比较长&#xff0c;大概需要45秒左右&#xff0c;但是一旦请求时间超过40s&#xff0c;页面就会超时500了&#xff0c;一开始以为是ajax请求时间不能太长&#xff0c;后来将Ajax请求改为同步且timeout设置…

酷开科技以消费者需求为导向冲刺OTT行业的星辰大海

通过大屏营销、互动营销等方式&#xff0c;提升品牌认知度和市场竞争力。酷开科技始终坚持以消费者的需求为导向&#xff0c;致力于为品牌方和消费者搭建高效、准确的沟通桥梁&#xff0c;开创OTT大屏营销新纪元。 伴随技术发展&#xff0c;智能电视已经从“尝鲜”变成了主流产…

<Linux> 初识线程

目录 前言&#xff1a; 一、什么是线程 &#xff08;一&#xff09;基本概念 &#xff08;二&#xff09;线程理解 &#xff08;三&#xff09;线程与进程的关系 &#xff08;四&#xff09;简单实用线程 &#xff08;五&#xff09;重谈虚拟地址空间 1. 页表的大小 2…

深入理解 Webpack 热更新原理:提升开发效率的关键

&#x1f90d; 前端开发工程师、技术日更博主、已过CET6 &#x1f368; 阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1 &#x1f560; 牛客高级专题作者、打造专栏《前端面试必备》 、《2024面试高频手撕题》 &#x1f35a; 蓝桥云课签约作者、上架课程《Vue.js 和 E…

windows解决nodejs版本冲突:安装版本管理器nvm,可根据不同项目一键切换适配版本

windows解决nodejs版本冲突&#xff1a;安装版本管理器nvm&#xff0c;可根据不同项目一键切换适配版本 参考来源&#xff1a;在本机 Windows 上设置 NodeJS | Microsoft Learn 建议安装版本管理器 nvm-windows&#xff0c;再用它来安装 Node.js 和 npm&#xff0c;这样可以根据…

Java特性之设计模式【组合模式】

一、组合模式 概述 组合模式&#xff08;Composite Pattern&#xff09;&#xff0c;又叫部分整体模式&#xff0c;是用于把一组相似的对象当作一个单一的对象。组合模式依据树形结构来组合对象&#xff0c;用来表示部分以及整体层次。这种类型的设计模式属于结构型模式&#x…