html之实战二--用table和form完成注册界面

最新推荐文章于 2024-04-04 21:11:20 发布
最新推荐文章于 2024-04-04 21:11:20 发布
阅读量1k 收藏 1
点赞数
分类专栏： 代码杂货铺
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Prince140678/article/details/49052697
版权
<html>
    <head>
        <meta charset="utf-8" />
        <title>第二次实战--用table和form做出一个漂亮的注册页面</title>
    </head>
    <body>
        <!--
        本程序缺点：用了很多重复的form标签
    -->
        <center><!--可以使表格居中显示-->
            <table border="3" bordercolor="blue" cellspacing="0" callpadding="0">
                <tr>
                    <th colspan="2">信息注册界面</th>
                </tr>
                <tr>
                    <td>用户名：</td>
                    <td>
                        <form>
                            <input type="text" name="user" />
                        </form>
                    </td>
                </tr>
                <tr>
                    <td>密码：</td>
                    <td>
                        <form>
                            <input type="password" name="password" />
                        </form>
                    </td>
                </tr>
                <tr>
                    <td>确定密码：</td>
                    <td>
                        <form>
                            <input type="password" name="password" />
                        </form>
                    </td>
                </tr>
                <tr>
                    <td>性别：</td>
                    <td>
                        <form>
                            <input type="radio" name="sex" value="M" />男
                            <input type="radio" name="sex" value="F" />女
                        </form>
                    </td>
                </tr>
                <tr>
                    <td>技术：</td>
                    <td>
                        <form>
                            <input type="checkbox" name="tech" value="Java" />Java
                            <input type="checkbox" name="tech" value="Html" />Html
                            <input type="checkbox" name="tech" value="Css" />Css
                            <input type="checkbox" name="tech" value="SQLServer" />SQLServer
                        </form>
                    </td>
                </tr>
                <tr>
                    <td>国家：</td>
                    <td>
                        <form>
                            <select name="country">
                                <option value="none">--选择国家--</option>
                                <option value="ch">--中国--</option>
                                <option value="usa">--美国--</option>
                                <option value="en">--英国--</option>
                            </select>
                        </form>
                    </td>
                </tr>
                <tr>
                    <td colspan="2">
                        <center><!--使提交按钮和清除数据按钮居中-->
                            <form>
                                <input type="submit" value="提交数据" /><input type="reset" value="清除数据" />
                            </form>
                        </center>
                    </td>
                </tr>
            </table>
        </center>
    </body>
</html>
工一木子
关注
专栏目录
HTML部分总结（form表单和table表格）
2303_77243750的博客
03-27 687
这里不需要全记住，记住常用的就行了；如下：注意：form之间不可以相互嵌套，一个页面可以有多个form其中 action ：表示提交地址； name ：表示名称； id ： 表示 用 label提高用户体验； method ：是将表单的数据从浏览器传送到服务器的方法; 一般有 get 和 post；默认为 get; enctype ：表示 规定将表单数据提交到服务器时应如何编码（仅供 method="post"）； 其中 t
html简单注册表格
最新发布
zx55523的博客
08-06 1251
身份证号：
html+table实现注册页面
11-25
初学者实用例子，欢迎大家下载
使用form表单和table表格创造注册页面
qq_45624685的博客
06-23 2984
使用form表单和table表格创造注册页面 如图样式 代码如下 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>注册页面</title> </head> <body> <form action="#" method="get"> <table border="2" align="center" c
表格表单HTML代码学生登记,html实现用户注册页面（表单+表格）——html小练习...
weixin_39662611的博客
06-03 1035
1 2 3 4 5 表格+表单练习6 7 8 9 10 11 注册新用户12 13 14 15 16 17 18 19 ...
html5--form-table仿QQ注册页面
alexliu6711的博客
08-18 404
<!DOCTYPE html><html><head><title>用table制作qq登录页面</title><meta charset="utf-8"></head><body background="bg.jpg" topmargin="10" leftmargin="250"> &l...
jsp编写简单的学生信息注册界面
03-31
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>信息注册界面</title> </head> <body> <form id="formal"name="formal"method="post"action="successful.jsp"> 信息注册页面 学号: <input name="usernum"type="text"id="usernum"/><br> 姓名: <input name="username"type="text"id="username"/><br> 密  码: <input name="mima"type="text"id="mima"/><br> 专业: 计算机科学与技术 网络工程 物联网 软件工程 <input type="submit"name="Submit"value="提交"/> <input type="reset" name="Reset"value="重置"/><br> </form> </body> </html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>登陆成功界面</title> </head> <body> </body> </htm
vue3 antd项目实战——Form表单使用【v-model双向绑定数据，form表单嵌套input输入框、Radio单选框】
XSL_HR的博客
12-30 7293
一个功能齐全的后台管理系统，离不开Form表单的使用，从本期文章开始会详细介绍如何在项目中使用form表单、完成数据的双向绑定、各种组件的嵌套，最后形成封装好了的form表单，可以实现复用。
【Vue入门实战6】【ElementUI组件使用优化】el-form动态增减表单项==＞ el-table自定义列数并动态加载列 ==＞ 处理后端复杂数据结构==＞回显动态列数据
Sabrina_cc的博客
05-12 4455
【Vue入门实战6】【ElementUI组件使用优化】el-form动态增减表单项==＞ el-table自定义列数并动态加载列 ==＞ 处理后端复杂数据结构==＞回显动态列数据
vue2.0结合Element-ui实战案例
10-17
在`UserInfo.vue`页面中，可以利用Element-UI的`el-form`、`el-button`、`el-table`等组件创建用户信息管理界面。例如，使用`el-table`展示用户信息，通过`el-form`进行查询，并用`el-button`添加新用户。`el-table-...
HTML表单用户注册
06-06
HTML表单，用户注册，CSS样式+HTML
第十二节：Vben Admin实战-系统管理之用户管理
cui_win的专栏
04-04 473
前三节，我们完成了角色管理的增删改查的实现，本节我们完成用户管理的增删改查的功能。用户管理主要涉及下面的接口：用户管理的增删改查已经都实现了，下一步要实现的是权限管理（菜单管理），希望大家多多支持关注。
第九节：Vben Admin实战-系统管理之角色管理实现-上
cui_win的专栏
03-17 2088
之前的章节，主要侧重对Vben Admin的了解，后端代码主要是模拟的Json数据，从本节开始，我们要侧重后端的代码，结合数据库进行系统权限的管理。本节主要介绍角色管理模块的增删改查。这节主要是摸索，Vben Admin 在实际使用过程中如何和后端接口打通，目前只简单实现了添加功能，后面还需要补充分页查询，修改，删除等功能。
用java写注册表单_利用HTML表单标签编写一个注册页面
weixin_39830588的博客
02-27 463
今天我们来写一个注册页面form表单先来利用表单标签制作一个简单的注册页面,给大家说说标签的结构:页面结构大体就是这样子的~利用HTML表单标签编写一个注册页面表单标签:所有需要提交到服务器端的表单项必须使用包起来~form标签的属性:action:整个表单提交的位置(可以是一个页面,也可以是一个后台的Java代码)method:表单的提交方式(get/post)文本输入框:"text"/ &gt...
Table表格做登陆页面
kongjunchao159的博客
08-07 3133
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp 用户名 密&nbsp&nbsp码 &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp &nb
Java Web实现用户注册页面的提交
往事似水拂流年的博客
06-17 7308
项目需求：创建一个Web项目，实现用户登录界面的注册，并将信息提交到数据库中。 运行环境：jdk1.8+MySQL5.6+Apache Tomcat9.0 步骤： 一、Web项目工程的创建； 1、File-->New Dynamic Web Project（如果没有Dynamic Web Project这一选项，则选择other选项，在上面输入Dynamic Web Project即...
用table表格标签写注册页面
ginger_mr的博客
03-02 1133
使用table标签写注册页面 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!-- 创建十行两列表格--> <table width=...
2020.3.17HTML教程 小测验
JYY12138的博客
03-17 218
@2020.3.17HTML教程 小测验
Vue2.0结合Element-ui实战：前端项目搭建与页面布局
"这篇教程主要关注的是如何使用Vue2.0和Element-UI进行实战开发，分享了一个实际的案例，旨在帮助读者理解这两个技术的结合应用。教程中将使用vue-cli构建工具、vue-router进行路由管理、axios处理HTTP请求、moment...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值