html表格和注册网页代码

最新推荐文章于 2024-06-02 23:26:49 发布
最新推荐文章于 2024-06-02 23:26:49 发布
阅读量1k 收藏 5
点赞数 1
文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_57124265/article/details/125671317
版权

 

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

</head>

<body>

    <table border="1" rules="all" width="600" height="300" align="center">

        <tr>

            <td>姓名</td>

            <td width="60"></td>

            <td>性别</td>

            <td width="60"></td>

            <td>年龄</td>

            <td width="60"></td>

            <td rowspan="3" colspan="2">照片</td>

        </tr>

        <tr>

            <td>手机号码</td>

            <td></td>

            <td>邮箱地址</td>

            <td></td>

            <td>民族</td>

            <td></td>

           

           

        </tr>

        <tr>

            <td>通讯地址</td>

            <td colspan="5"></td>

        </tr>

        <tr>

            <td>教育经历</td>

            <td colspan="7"></td>

        </tr>

        <tr>

            <td colspan="2">起止时间</td>

            <td colspan="3">毕业学校</td>

            <td colspan="3">专业</td>

        </tr>

        <tr>

            <td height="30" colspan="2" ></td>

            <td colspan="3"></td>

            <td colspan="3"></td>

        </tr>

        <tr>

            <td height="30" colspan="2" ></td>

            <td colspan="3"></td>

            <td colspan="3"></td>

        </tr>

        <tr>

            <td height="30" colspan="2" ></td>

            <td colspan="3"></td>

            <td colspan="3"></td>

        </tr>

        <tr>

            <td colspan="8">专业技能</td>

        </tr>

        <tr>

            <td height="90" colspan="8" rowspan="3"></td>

        </tr>

        <tr>

        </tr>

        <tr>

        </tr>

        <tr>

            <td colspan="8">自我介绍</td>

        </tr>

        <tr>

            <td height="90" colspan="8" rowspan="3"></td>

        </tr>

        <tr>

        </tr>

        <tr>

        </tr>

    </table>

</body>

</html>

 

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

</head>

<body>

    <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>

                    Email：

            </td>

            <td>

                    <input type="email"/>

            </td>

        </tr>

        <tr>

            <td>

                    公开邮箱：

            </td>

            <td>

                    <input type="checkbox"/>

            </td>

        </tr>

        <tr>

            <td>

                    站点防恶意注册：

            </td>

            <td>

                    <input type="text"/>

            </td>

        </tr>

        <tr>

            <td>

                    站点防恶意注册：

            </td>

            <td>

                    <input type="text"/>

            </td>

        </tr>

        <tr>

            <td>

                    安全问题：

            </td>

            <td>

                    <select>

                        <option> 无安全问题</option>

                        <option> 你最喜欢的食物</option>

                        <option> 你最喜欢的明星</option>

                        <option> 你最喜欢的运动</option>

                    </select>

            </td>

        </tr>

        <tr>

            <td>

                    您的答案：

            </td>

            <td>

                    <input type="text"/>

            </td>

        </tr>

        <tr>

            <td>

                    认证码：

            </td>

            <td>

                    <input type="text"/>

            </td>

        </tr>

        <tr>

            <td>

            </td>

            <td>

                <input type="checkbox"/>我已阅读并完全同意条款内容

            </td>

        </tr>

        <tr>

            <td>

            </td>

            <td>

                <input type="image" src="验证图片.png"/>

            </td>

        </tr>

        <tr>

            <td>

            </td>

            <td>

                <input type="submit">

                <input type="reset" value="还原"/>

            </td>

        </tr>

    </table>

</body>

</html>

程序linb
关注
  • 1
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
03 HTML_网页中的表格
遇见你 的博客
02-24 6864
<table> 定义表格区域 border 表格边框 tr 定义表格的行 td 行中的单元格 th 表格表头 caption 表格标题 colspan 水平合并 rowspan 垂直合并
请阅读并勾选协议的html,html
weixin_34540432的博客
06-02 2292
a标签默认动作：1.打开页面 2.跳转锚点html只管内容，css管样式标签：a：anchor 标记锚点，超链接。form：表单，想提交内容时使用input 用户输入 button 用户点击h1：一级标题p：paragraph 段落ul： un-ordered list 没有顺序的列表 ul与li(list item)必须配合使用ul儿子liol：ordered list 有顺序的列表sma...
html、css 实现一个漂亮的表格
热门推荐
Zhangguohao666的博客
12-06 8万+
利用html、css制作一个美观、大方的表格。（简单，易上手）
HTML5常用标签表格
qq_40432598的博客
06-02 1110
HTML5常用标签表格
html做的word申请表（样式）
liusaint1992的专栏
06-18 1万+
公司项目需求中要做用html做一个word申请表的样式出来。有点意思，贴上来大家看看。
HTML表单（详解网页表单如何实现）
百赢出品，必属精品
04-24 2395
HTML 表单用于收集用户的输入信息。HTML 表单表示文档中的一个区域，此区域包含交互控件，将用户收集到的信息发送到 Web 服务器。HTML 表单通常包含各种输入字段、复选框、单选按钮、下拉列表等元素。元素用于创建表单，action属性定义了表单数据提交的目标 URL，method属性定义了提交数据的 HTTP 方法（这里使用的是 "post"）。元素用于为表单元素添加标签，提高可访问性。
数据库构建（HTML版）附网页设计及代码
03-06
总的来说，"数据库构建（HTML版）附网页设计及代码"是一个实践性的学习资源，适合初学者了解数据库和网页设计的结合，对于进阶开发者来说，也是一个不错的复习和提升技能的机会。通过实际操作，你可以深入理解这些...
Formulario:HTML和CSS的注册表格
05-10
【标题】"Formulario: HTML和CSS的注册表格"是一个关于使用HTML和CSS构建网页注册表格的主题。在网页设计中，注册表格是一个重要的元素，它允许用户输入个人信息以完成注册或订阅服务。这个主题涵盖了如何利用这两种...
yihaodian_一号店html代码_
10-03
5. **列表和表格**：产品展示可能会使用`<ul>`（无序列表）、`<ol>`（有序列表）和`<li>`（列表项）标签，而详细信息可能用`<table>`、`<tr>`（表格行）、`<td>`（单元格）展示。 6. **响应式设计**：为了适应不同...
六人行网页html源代码
11-17
通过分析“六人行”的源代码，我们可以学习到如何使用HTML语义化标签来提高网页的可读性和可访问性，例如使用`<header>`、`<nav>`、`<section>`、`<article>`和`<footer>`等元素。此外，可能还有对HTML5新特性，如...
html注册表单代码
06-23
这是一个html表单代码，用于会员注册，简单易懂，例如： 性别选择部分： 性别： 男 女 </td> </tr>
table CSS制作好看的网页表格
09-25
如果数据表格对于视力没有问题用户都难以阅读的话,那么想像一个那些用辅助技术(掌上设备)的人来说,它们是多么复杂和混乱.
HTML+CSS——制作简易注册界面
qq_39330735的博客
12-03 1074
使用HTML+CSS来实现一个简易的注册表单界面。
【html基础】原生表格一键搭建，一键生成代码
guiplan
08-22 1219
其中表格标签里还含有tr标签，th标签，td标签。tr标签则表示一行，td标签则表示行里的每一列，而th标签则表示表格的头部标题，th标签除了表示与现实头部标题以外，还有一个很重要的作用就是它可以控制对应列里宽度，这样如果发现内容显示不全的情况下，我们就可以在guiplan里拖拽th标签的宽度即可。我们可以继续通过guiplan一键插入属性即可，比如给表格添加边框，只需要选中边框然后插入进来即可。当然边框也有很多属性，以上是内侧边框与外侧边框一起显示的效果，下一章讲解表格的其他属性。
HTML简单网页-员工申请表单
m0_58815458的博客
06-03 2605
FDH给回复的客户更换两个风格和楼梯和管理歌剧院挺好的研究
网页制作表单代码java_JSP动态网页入门：表单输入例子
weixin_42511177的博客
02-27 831
我们将创建一个web页面，它有一个输入表单，用户可以输入一个股票代号以获得出当前股票价格(有20分钟延迟)。如果输入有误，则显示错误提示页面。quote.jsp首先，用以下代码创建quote.jsp页面并将其保存在JSWDK安装目录下的Web 目录中。大多数的页面是含JSP代码的标准html。第六行是一个页面指令，表明将把所有错误发送到“errorPage.jsp”文中。第13到15行是一个脚本段...
非常不错的表单设计器(源码)
badaaasss的专栏
11-18 1万+
该设计器是开源的，用户可以根据自己的需要进行控件的二次开发。官网可以下载demo以及开发说明。官网地址：http://formdesign.leipi.org/
WEB前端之网页设计④----最新最全详解/网页中的表单
qq_42129729的博客
09-11 5393
WEB前端之网页设计④—-最新最全详解/网页中的表单 一、表单效果图： 代码片段： &amp;amp;amp;amp;lt;form action=&amp;amp;amp;quot;个人简介.html&amp;amp;amp;quot; method=&amp;amp;amp;quot;post&amp;amp;amp;quot; &amp;amp;amp;amp;gt; 用户名： &amp;amp;amp;amp;lt;input
简易注册表单（HTML）
每天一个前端小知识~
08-13 9941
HTML：用于搭建基础网页，展示页面的内容 下面利用HTML的知识实现注册表单 效果图： 代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>注册</title> </head> <body> <form action="#" method="get"> <h3 al
HTML登录注册页面代码
最新发布
06-12
HTML是超文本标记语言，用于创建网页的结构和内容。创建一个简单的登录和注册页面，你需要使用HTML的基本标签和表单元素。以下是一个基础的示例，展示了如何构建登录和注册表格： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Login and Registration</title> <style> /* 可选：添加一些基本样式 */ form { width: 300px; margin: auto; padding: 20px; } input, select { display: block; margin-bottom: 10px; padding: 5px; } button { width: 100%; background-color: #4CAF50; color: white; border: none; } </style> </head> <body> <!-- 登录表单 --> <h2>Login</h2> <form action="/login" method="POST"> <label for="username">Username:</label> <input type="text" id="username" name="username" required><br> <label for="password">Password:</label> <input type="password" id="password" name="password" required><br> <button type="submit">Login</button> </form> <!-- 注册表单 --> <h2>Register</h2> <form action="/register" method="POST"> <label for="reg_username">Username:</label> <input type="text" id="reg_username" name="reg_username" required><br> <label for="reg_email">Email:</label> <input type="email" id="reg_email" name="reg_email" required><br> <label for="reg_password">Password:</label> <input type="password" id="reg_password" name="reg_password" required><br> <button type="submit">Register</button> </form> </body> </html> ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值