From 03e428bef44fe2d0f482c492fa7a81ea37d2bc8f Mon Sep 17 00:00:00 2001
From: ame <3135214709@qq.com>
Date: Mon, 4 Apr 2022 15:37:18 +0800
Subject: [PATCH] 3.31

---
 "\345\210\230\351\234\236/3.31/1.html" | 66 ++++++++++++++++++++++++++
 1 file changed, 66 insertions(+)
 create mode 100644 "\345\210\230\351\234\236/3.31/1.html"
diff --git "a/\345\210\230\351\234\236/3.31/1.html" "b/\345\210\230\351\234\236/3.31/1.html"
new file mode 100644
index 0000000..338fbce
--- /dev/null
+++ "b/\345\210\230\351\234\236/3.31/1.html"
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>
+    <title>用户注册页面</title>
+    <style>
+        body{
+            background-color: white;
+        }
+        #app{
+            width: 300px;
+            height: 220px;
+            background-color: rgb(255, 252, 225);
+            border:3px black inset;
+            margin: auto;
+            padding: 50px;
+            border-radius: 25px;
+        }
+        #plsh{
+            
+            margin-left: 27px;
+        }
+        #mes{
+            
+        }
+    </style>
+</head>
+<body>
+    <div id = 'app'>
+        <!-- 作业：写一个注册页面，美观点，然后用vue 进行渲染，要有手机号注册，要有密码，确认密码，
+        要进行 数据严重，手机格式验证，密码6位以上的验证,确认密码于密码一致性的验证 -->
+        <div id = 'plsh'>
+            
+             <h2>{{name}}</h2>
+            <div id = 'mes'>
+                <form>
+                     <label>{{pholo}}：</label>
+                     <input type="text" placeholder="请输入正确的手机号码" maxlength="11" oninput="value=value.replace(/[^\d]/g,'')" >
+                     <br/>
+                     <label >{{pw}}：</label>
+                     <input type="password" placeholder="请输入密码" minlength="7">
+                     <br/>
+                     <label >{{pw2}}：</label>
+                     <input type="password"  placeholder="再一次" minlength="7">
+                     <br/>
+                     <button style="height: 25px;width: 100px;">{{bingo}}</button>
+                </form>
+            </div>
+        </div>
+</div>
+</body>
+<script>
+    let vm = new Vue({
+        el:"#app",
+        data:{
+            name:"用户注册页面",
+            pholo:"手机号码",
+            pw:"密码",
+            pw2:"确认密码",
+            bingo:"确认提交",
+        }
+    })
+</script>
+</html>
\ No newline at end of file
-- 
Gitee

