用HTML写一个简易的登录界面

主要应用知识
img图片标签
表单的知识
下拉框以及单选框和多选框
锚链接以及email验证码
先看成品再看代码会理解的更快

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>注册网页</title>
</head>
<body>
<a name="顶部"></a>
<!--用image标签-->
<img src="../resource/image/YOU.jpg" alt="鼬" title="宇智波鼬"  width="400" height="200">
<!--设置标题标签-->
<h1>请先注册  再登陆</h1>
<!--做表单-->
<form  action="我的第一个网页.html"  method="post">
<!-- 用font设置文字大小以及颜色--><font size="3" color="blue">注册账号:<p><input  type="text"  name="账号"></p>密码:   <p><input type="password" name="密码"></p>真实姓名:<p><input  type="text"  name="姓名"  required="必填类容"></p>出生年月:<p><input type="text">年  <input type="text">月  <input type="text">日</p></font>
<!-- 设置单选框-->性别:<p><input type="radio" value="男" name="性别">男<input type="radio" value="女" name="性别">女</p>
<!-- 设置多选框-->爱好:<p><input type="checkbox" value="打篮球"  name="打篮球">打篮球<input type="checkbox" value="听歌"  name="听歌">听歌<input type="checkbox" value="撸代码"  name="撸代码">撸代码<input type="checkbox" value="吃美食"  name="吃美食">吃美食<input type="checkbox" value="旅游"  name="旅游">旅游
</p>
<!-- 设置下拉框-->职业:<select name="职业"><option value="学生" >学生<option value="老师" >老师<option value="程序员">程序员<option value="工程师">工程师
</select><p>邮箱验证:<input type="email"  name="email"></p><p><input type="submit"><input type="reset"></p>
<!-- 锚链接--><a href="#顶部">回到顶部</a>
</form>
</body>
</html>

更全的HTML5学习资料在http://www.w3school.com.cn/html/index.asp

用HTML写一个简易的登录界面相关推荐

写一个漂亮的登录界面
好的,我会尽力为您提供一个漂亮的登录界面的设计建议. 首先,我们可以在界面的上方设置一个清晰的标题栏,标题栏中可以包含网站的 logo 和名称. 然后,在界面的中间部分,我们可以设置一个表单来让用户输 ...
用PHP+MYSQL写一个完整的登录界面
首先,需要在 PHP 中连接到 MySQL 数据库,使用 mysqli 或 PDO 等扩展.然后,需要在数据库中创建一个表来存储用户的登录信息,包括用户名和密码. 接下来,可以使用 HTML 表单来让 ...
JSP写一个简单的登录界面
系列文章目录 JSP实现不链接数据库的简单登录功能实现文章目录系列文章目录前言一.jsp是什么? 二.使用到的页面代码 1.login.jsp 2.index.jsp 3.LoginServl ...
HTML管理员页面怎么写,一个HTML管理员登录界面
管理员登录 rel=stylesheet type=text/css href="images/css.css"> body td { FONT-SIZE: 9pt; } 管 ...
使用vue-cli+element-ui+expsess+mysql做一个简易的登录功能
使用vue-cli+element-ui+expsess+mysql做一个简易的登录功能 1使用webpack下载vue模板 vue init webpack aaa(aaa为项目名称) cd到aaa ...
用 Flutter 写一个精美的登录页面（最新版）
用 Flutter 写一个精美的登录页面(最新版) 主体结构标题输入框登录按钮其他登录方式注册按钮完整源码参考了博客:用flutter写一个精美的登录页面.但是那篇文章是 18 年的,较 ...
Python 利用PyQt5写一个简易的串口助手
学习单片机,STM32好长时间了,也做了一些项目,一直想利用上位机实现电脑与单片机之间的传输数据,利用串口助手是最直接的通信方式,但串口助手不适合做上位机,如果会写串口助手的软件,基本能写自己写一个上 ...
python写音乐播放器_AJ Kipper:用Python写一个简易的MP3播放器
用Python写一个简易的MP3播放器前言最近在学习Web.py框架的时候,了解了基本的Python连接数据库(MySQL)的方法.学完后,总想用它来干点啥,于是,就想能不能写一个MP3播放器.一 ...
小白教程——Windows下用PHP写一个简单的登录注册页面（二）
哈喽,看到这里希望小伙伴们都把wampserver环境安装好了,如果还没有安装或创建数据表就移步去看我上一篇文章吧.OK~接下我们将进入代码实现部分,首先我们需要一个文本编辑器,可以是电脑自带的not ...

用HTML写一个简易的登录界面

用HTML写一个简易的登录界面

用HTML写一个简易的登录界面相关推荐

最新文章

热门文章