HTML+CSS+JS 实现渐进背景效果的表单以及正则验证

最新推荐文章于 2024-03-01 20:16:14 发布

就是爱吃肉ro

最新推荐文章于 2024-03-01 20:16:14 发布

阅读量350

点赞数 2

分类专栏： # HTML / CSS / JavaScript # Java Web

本文链接：https://blog.csdn.net/weixin_44510468/article/details/105546742

版权

本文记录了使用HTML、CSS和JS创建具有渐进背景效果的表单过程，并介绍了如何进行正则表达式验证。通过学习，你可以掌握表单设计与前端验证技巧。

摘要由CSDN通过智能技术生成

文章目录

HTML
CSS
JS

在这里插入图片描述

哎, 一个坑一个坑的爬出来, 分享记录一下, 加油 💪

Enjoy making a little evr progress y daday!💕

HTML

<!DOCTYPE html>
<!--
 * @Author      : acmaker
 * @Date        : 2020-04-15 11:54:08
 * @LastEditTime: 2020-04-15 22:08:07
 * @FilePath    : \PersonalWebpage\web\test\20200312\form_verify.html
 * @Website     : http://csdn.acmaker.vip
 * @Description : 
-->


<html class="theme">

<head>
  <meta charset="utf-8">
  <title>verify form</title>
  <link rel="stylesheet" type="text/css" href="./form_verify.css" />
</head>

<body>
  <div class="container">
    <div class="box_fom">
      <form name="fom_register">
        <h1 id="formCaption"> 欢迎注册! 💕</h1>
        <input name="txt_userName" type="text" placeholder="以非字符开头的6~16位用户名" />
        <input name="pwd_userPassword" type="password" placeholder="包含字母/数字在内的6~16位密码" />
        <input name="pwd_userPassword_verify" type="password" placeholder="再次输

最低0.47元/天解锁文章

就是爱吃肉ro

关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
HTML+CSS+JS 实现渐进背景效果的表单以及正则验证

文章目录HTMLCSSJS这样显示器全屏看效果还是比较好的, 但是对齐使用margin左右对齐的, 并不能适用移动端, 还不知道怎么解决, 有知道的大佬还请赐教一番.哎, 一个坑一个坑的爬出来, 先当半成品记录一下吧HTML<!DOCTYPE html><!-- * @Author : acmaker * @Date : 2020-04-...
复制链接

扫一扫