纯粹的使用html实现账号注册页面

最新推荐文章于 2024-04-07 09:44:00 发布
最新推荐文章于 2024-04-07 09:44:00 发布
阅读量3.2k 收藏 16
点赞数 2
文章标签： 账号注册 标签 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yunfei_/article/details/54097881
版权

             android开发者，初学html，一个下午学着写个小练习，不要见笑哇~

        代码：

         

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册账号</title>
    <style>
        body{background-color:seagreen}
    </style>
</head>
<body>
<h2>注册账号</h2>
<hr>
<form action="#" method="post">
    <table>
       <tr>
           <td>昵称</td>
           <td><input type="text" placeholder="请输入昵称"></td>
       </tr>
       <tr>
           <td>密码</td>
           <td><input type="password" placeholder="请输入密码"></td>
        </tr>
        <tr>
            <td>确认密码</td>
            <td><input type="password" placeholder="请重新输密码"></td>
        </tr>
        <tr>
            <td>性别</td>
            <td>
                <lable><input type="radio" name="gender" checked>男</lable>
                <lable><input type="radio" name="gender">女</lable>
            </td>
        </tr>
        <tr>
            <td>生日</td>
            <td>
                <select name="" id="">
                    <option value="">阴历</option>
                    <option value="">阳历</option>
                </select>
                <select>
                    <option value="">2001年</option>
                    <option value="">2002年</option>
                    <option value="">2003年</option>
                    <option value="">2004年</option>
                    <option value="">2005年</option>
                    <option value="">2006年</option>
                    <option value="">2007年</option>
                    <option value="">2008年</option>
                    <option value="">2009年</option>
                </select>
                <select>
                    <option value="">1月</option>
                    <option value="">2月</option>
                    <option value="">3月</option>
                    <option value="">4月</option>
                    <option value="">5月</option>
                    <option value="">6月</option>
                    <option value="">7月</option>
                    <option value="">8月</option>
                    <option value="">9月</option>
                    <option value="">10月</option>
                    <option value="">11月</option>
                    <option value="">12月</option>
                </select>
                <select>
                    <option value="">1日</option>
                    <option value="">2日</option>
                    <option value="">3日</option>
                    <option value="">4日</option>
                    <option value="">5日</option>
                    <option value="">6日</option>
                    <option value="">7日</option>
                    <option value="">8日</option>
                    <option value="">9日</option>
                    <option value="">10日</option>
                </select>
            </td>
        </tr>
        <tr>
            <td>所在地</td>
            <td>
                <select>
                    <option value="">中国</option>
                    <option value="">巴基斯坦</option>
                    <option value="">柬埔寨</option>
                    <option value="">老挝</option>
                </select>
                <select>
                    <option value="">河南</option>
                    <option value="">河北</option>
                    <option value="">山东</option>
                    <option value="">安徽</option>
                </select>
                <select>
                    <option value="">驻马店</option>
                    <option value="">信阳</option>
                    <option value="">南阳</option>
                    <option value="">洛阳</option>
                </select>
            </td>
        </tr>
        <tr>
            <td></td>
            <td><input type="checkbox" checked> 同时开通QQ空间</td>
        </tr>
        <tr>
            <td></td>
            <td><input type="checkbox" checked><a href="#">我已阅读并同意服务条款和隐私政策</a></td>
        </tr>
        <tr>
            <td></td>
            <td><input type="submit" value="提交注册"></td>
        </tr>
    </table>
</form>
</body>
</html>
          效果图：

                             

yunfei_
关注
创建和使用HTML表单：构建一个简单的用户注册页面
qq_40254606的博客
08-11 388
form>: 定义表单，action属性指定表单提交的目标URL，method属性定义提交方式（通常为GET或POST: 定义输入字段。: 单行文本输入。: 电子邮件地址输入，浏览器会自动验证格式。: 密码输入，文本将被隐藏。: 为表单元素定义标签，通过for属性关联到对应的输入字段，提升可访问性。: 定义多行文本输入区域，可以根据需要调整大小。: 定义一个下拉菜单。: 定义下拉菜单中的一个选项。
html5学习笔记
HeartdreamX的博客
05-09 257
HTML5的基础框架 <!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"> <t
html注册页面代码
07-31
html实例，一个简单的注册页面，，，，，，，，，，，，，，，，，，
使用html编写用户注册页
qq_40486952的博客
08-10 1980
也是mooc上的测试题~ 做一个用户注册的界面，主要是各个输入框的属性，正则表达式。同时设置为输入不合格则为红底，用来直观提示。 效果图： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>用户注册</title> <sty...
HTML实现注册网页
跬步
09-17 411
<!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>Me.
HTML实现用户注册页面
qq_64314976的博客
07-14 4万+
HTML实现用户注册页面
html编写注册页面
shan33__的博客
12-07 1813
运用表单相关知识编写了一个简单的注册页面。
HTML入门与进阶以及HTML5
热门推荐
wuyxinu的博客
12-12 38万+
目录 一、简介 1、前端开发最核心技术 （1）HTML是什么？ （2）CSS （3）JavaScript 2、前端开发其他技术 二、基础内容 1.基础总结 2.HTML的基本标签 (1)HTML标签 (2)head标签 (3)body标签 3、段落与文字 (一)、段落标签 (二)、网页特殊符号 (三)、自闭合标签 (四)、块元素和行内元素 (五)、练...
使用MVC模式实现一个超简单的网上书店系统
jkchou2020的博客
10-18 2001
MVC设计模式实现网上书店系统
使用PHP实现WEB网站登陆后台编写
nana837的博客
02-18 191
####html页面，没加入CSS代码： <formaction="login.php"method="post"> <inputtype="text"placeholder="账号"name="id"/> <inputtype="password"name="password"/> <inputtype="password"name="authcode"/> <imgid="captcha...
html写一个登录注册页面
最新发布
liulang68的博客
04-07 1万+
【代码】html写一个登录注册页面。
HTML用户注册界面的实现
03-30
HTML用户注册界面的实现
HTML 使用表单标签实现注册页面的实例代码
12-14
案例说明：　　　   　　　　- 使用表格实现页面效果  　　　　- 超链接不想要有效果，使用href="#" 　　　　- 如果表格里面的单元格没有内容，使用空格作为占位符   　　　　- 使用图片标签提交表单 <input type="image" src="图片的路径"/>   完整代码：   <html> <head> <title>World</title> </head> <body> <form action="01-hello.html" method="post"> <h3 align=
基于HTML5 用户注册页面
06-16
基于HTML5 用户注册页面 内附源码 可直接使用。。。。。。。。。。。。。。。。。。
用户注册界面
12-25
本次分享发的代码实现了用户注册功能，功能很完善，包括了兴趣爱好的录入以及学历。
HTML阿里巴巴注册页面源代码
11-16
HTML阿里巴巴注册页面源代码
html注册页面多选代码,利用HTML表单标签编写一个注册页面
weixin_30312037的博客
06-07 781
今天我们来写一个注册页面form表单先来利用表单标签制作一个简单的注册页面,给大家说说标签的结构:页面结构大体就是这样子的~ 表单标签:所有需要提交到服务器端的表单项必须使用包起来~form标签的属性:action:整个表单提交的位置(可以是一个页面,也可以是一个后台的Java代码)method:表单的提交方式(get/post)文本输入框:"text"/ >密码输入框:单选按钮:多选按钮:...
用户添加页面html,HTML用户注册页面设置源码
weixin_42510019的博客
06-03 648
这篇文章主要介绍了HTML用户注册页面设置源码,代码简单易懂，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下设计上图中的网页：Document form{width: 800px;height: 700px;border: 1px solid red;margin: auto;background: url(images/tree.jpg) no-re...
HTML实现简单的注册页面
oiadkt的博客
03-07 6300
使用HTML实现一个简单的注册页面
HTML5标签使用误区解析
在HTML4的实践中，我们通常使用来组织页面布局，如头部、主体和侧边栏。但在HTML5中，正确的做法是使用、、和等标签来表示这些特定区域，它们分别代表页眉、主要内容、辅助内容和页脚。例如： ```html <h1>...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值