HTML实现简单注册页面

                       **使用HTML5实现简单的注册页面**

      1.将input嵌套在label标签内，以便存储选项并且显示内容2.使用input标签内placeholder属性实现提示效果。在输入框提示输入。。。信息3.使用input标签内required属性实现非空验证。当用户没有输入任何内容是会终止表单数据的提交并弹出提示。4.使用form标签内autocomplete属性实现内容的自动记忆补全。

<!DOCTYPE html>
<html><head><title>注册</title></head>
<body bgcolor="#CCCCCC"><div class="zhuce"><h1>用户注册页面</h1><hr><form><label>用户名<input type="text" name="username" placeholder="请输入用户名" required></label><br><label>密&nbsp &nbsp码  <!--&nbsp设置为空格，与前面对齐--><input type="password" name="pwd" placeholder="请输入密码" required></label><br><label>确 &nbsp &nbsp认<input type="password" name="pwd" placeholder="请确认密码"required></label><br><label>姓&nbsp &nbsp名<input type="text" name="name" placeholder="请输入姓名" required></label><br><label>邮&nbsp &nbsp箱<input type="email" name="email"placeholder="请输入邮箱" required></label><br><button  type="submit" class="btn">提交注册</button></form></div>
</body></html>
<style>.zhuce{align-content: center;background-color: #fff;margin: 100px auto 0;padding: 20px;width: 600px;text-align: center;font-family: 微软雅黑;}.btn{width: 100px;height: 30px;padding: 5px;margin: 20px;background-color: hsl(0, 3%, 67%);font-family: 微软雅黑;}
</style>

HTML实现简单注册页面相关推荐

HTML简单注册页面
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
uniapp 简单注册页面(已优化)
地址选择借用了 https://ext.dcloud.net.cn/plugin?id=1111 插件直接下载下来放入 components 文件即可 <template><vi ...
HTML实现简单的注册页面
HTML是一种标记语言,用于创建网页,这里使用HTML创建了一个简单的注册页面,其中包含表单元素,如文本框.密码框.单选按钮.下拉列表.文件上传和文本域. 先看看效果图: 代码如下: <!DO ...
html+css实现了简单的注册页面
直接上代码 (注册页面:简单修改就可用) <!DOCTYPE html> <html><head><meta charset="utf-8" ...
一个简单的注册页面制作
一个简单的网页–流水哗啦啦购物平台: 点击注册新用户后,出现的注册页面: 当密码少于八位时出现的提示: 当密码格式不正确时出现的提示: 当年龄格式不正确时出现的提示:(年龄有效格式为1-120之间的数 ...
HTML实现简单注册登录页面
以下两个页面均只用HTML实现(其中注册若要添加号码与后面的登录密码判断,涉及到javascript的内容,本文只使用了html,后续会加上这些内容) 简单注册:(读者可以自行增加图片以及其他属性) ...
PHP登录与注册页面简单实现（包含数据库验证）（包含数据库）
log.php(登录主界面) 由于是简单的页面,登录页面只做了数据库验证,其实有条件也可以加上邮箱验证和验证码验证. <!doctype html> <html> <he ...
html+css+php+mysql 简单的页面登录与注册(数据库的交互)
这是一个简单的小项目,但对于我这小白来说,也是写了好几天才完成,中间心态炸裂n次,但最后还是搞定了!!! 说了那麽多,还是分享一下吧! 目录主页面(登录页面) 登录页面的后台操作注册页面注册页 ...
实现简单QQ注册页面
HTML实现简单QQ注册页面今天突发奇想,仿一个QQ注册页面哈哈!! 效果如图: 按钮功能都还没实现,只是一个简单的网页界面! 实现代码如下 <!DOCTYPE html> <ht ...
HTML+CSS简单应用实例——购物网站的制作（二）注册页面
HTML+CSS简单应用实例--购物网站的制作(二)注册页面接上一篇文章,本片文章是注册页面. 下面是效果图: 分析:上方欢迎注册是DIV,下面是表单,点击登录按钮会出现注册成功提示.下方为脚本,同 ...

HTML实现简单注册页面

HTML实现简单注册页面相关推荐

最新文章

热门文章