一、要求：

1.要有性别、出生年月、所在地区、婚姻状况、身高、学历、月薪

2.手机号、创建密码、昵称、喜欢类型、自我介绍

3.要有超链接、无序列表、标题、button按钮

二、运行代码：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>注册界面</title>
</head>
<body><h1>作品展示</h1><hr>性别：<!-- img图片标签，label扩大点中范围，checked默认，相同name用来确认唯一 --><label><img src="2.png" ><input type="radio" name="123">男 </label><label><img src="1.png" ><input type="radio" name="123" checked>女</label><br><br> 出生年月：<select><option>请选择年</option><option>2001</option><option>2000</option><option>1999</option></select><select><option>请选择月</option><option>11</option><option>10</option><option>9</option></select><select><option>请选择日</option><option>22</option><option>21</option><option>20</option></select><br><br>所在地区：<select><option>请选择省</option><option>广西省</option><option>广东省</option><option>江西省</option><option>云南省</option></select><select><option>请选择市</option><option>广州市</option><option>深圳市</option><option>汕尾市</option><option>清远市</option></select>           <select><option>请选择区</option><option>罗湖区</option><option>龙华区</option><option>南山区</option></select><br><br>婚姻状况: <input type="radio" checked>未婚 <input type="radio">离异 <input type="radio">丧偶 <br><br>身高: <input type="text" placeholder="请选择"> <br><br>学历: <input type="text" placeholder="请选择"> <br><br>月薪: <input type="text" placeholder="请选择"> <br><br><hr>手机号: <input type="text" placeholder="请输入号码"><br><br>创建密码: <input type="password" placeholder="请输入密码"><br><br>昵称: <input type="text" placeholder="请输入昵称"> <br><br>喜欢类型：<label><input type="checkbox" checked>诚信</label><label><input type="checkbox">听歌</label><label><input type="checkbox" checked>开朗</label><label><input type="checkbox">完美主义</label> <label><input type="checkbox">爱挑战</label> <br><br>自我介绍: <!-- 文本框 --><br><textarea name="" id="" cols="30" rows="10">个人简介</textarea><br><br><!-- 超链接 --><a href="http://www.baidu.com"target="_blank">我是会员，立即登录</a><!-- 无序列表 --><ul><h3>我承诺</h3><li>年满20，单身</li><li>抱着严肃的态度</li><li>真诚寻找另一半</li></ul><!-- 多选框 --><input type="checkbox" checked> 我同意注册条款和会员加入标准<p> 我承诺年满18岁、单身、抱着积极的态度，真诚交友</p><!-- 按钮 --><button tepy=submit>提交资料</button> <button tepy=reset>清空重置</button>
</body>
</html>

三、运行结果:

HTML作业简单注册界面相关推荐

HTML简单注册界面
## **HTML5实现登录界面** <!DOCTYPE html> <html><head><meta charset="UTF-8"& ...
【Vue作业]---Vue登录注册界面
1.引言你是否有过相关设计结课作业,课程设计无处下手,网页要求的总数量太多?没有合适的模板?数据库,java,python,vue,html作业复杂工程量过大?毕设毫无头绪等等一系列问题.你想要解决 ...
Android Studio开发：简单的登录注册界面
Android开发:编写简单的登录界面与注册界面 1.登录界面布局 1.1主布局的布局方式是垂直布局,第一个TextView控件在顶部居中布置,显示"用户登录 "字样 <Te ...
python做一个登录注册界面_Python 实现简单的登录注册界面
Python 实现简单的登录注册界面注意:编写代码之前需要导入很重要的包 import tkinter as tk import pickle from tkinter import message ...
python实现简单的登录和注册界面
简单登录注册界面的实现最终实现效果: 完整代码如下: while True:print("英雄商城登陆页面".center(40))print("*" * 4 ...
基于RSA加密和Tkinter可视化的密码存储程序（可用于期末作业设计、Python练习、实用应用；抗错误输入、抗密码盗取）二：登录、注册界面
此篇接上篇,有兴趣的可以去主页或专栏看看,没有的话咱直接开始: 基于RSA加密和Tkinter可视化的密码存储程序(可用于期末作业设计.Python练习.实用应用:抗错误输入.抗密码盗取)一:思路介绍 ...
使用Java编写一个简单的 JFrame登陆注册界面（一）
使用Java awt 及 Swing 组件编写一个简单的JFrame登陆注册界面. 示例: 下面开始介绍如何编写. 通过调用实例化一个JFrame框架,在框架内嵌入JPanel,在JPanel上进行添 ...
html+css+javaScript实现一个简单的注册界面
html+css+javaScript实现一个简单的注册界面自学html,css,js也有一小段时间了,尝试着做点东西来巩固一下,就决定实现这个简单的注册界面.实现的注册界面很普通,没有加上华丽的装 ...
简单的注册界面，点击注册有相应Toast的返回消息
显示注册界面,姓名.学号.专业(下拉框).班级(下拉框).政治面貌(单选按钮).个人爱好(复选框),点击注册后使用Toast提示在界面上输入的信息,要求多使用图文混排. 效果如下: `MainActi ...

HTML作业简单注册界面

一、要求：

二、运行代码：

HTML作业简单注册界面相关推荐

最新文章

热门文章