diff --git "a/\347\253\240\350\266\205\347\276\244/6-3.md" "b/\347\253\240\350\266\205\347\276\244/6-4.md"
similarity index 99%
rename from "\347\253\240\350\266\205\347\276\244/6-3.md"
rename to "\347\253\240\350\266\205\347\276\244/6-4.md"
index e5169b19ef17aa8624e1631f4e5b151df10b95fe..56da9728295609165cf4b37365a5d96fd9da6cf8 100644
--- "a/\347\253\240\350\266\205\347\276\244/6-3.md"
+++ "b/\347\253\240\350\266\205\347\276\244/6-4.md"
@@ -292,7 +292,7 @@ passive主要用在移动端的scroll事件，来提高浏览器响应速度，
 
 
 
-.exact 修饰符  可以准确指定事件是哪个按键触发绑定事件
+.exact 修饰符  可以准确指定事件是哪个按键触发绑定事件——
 
 
   <div id="app"> 
diff --git "a/\347\253\240\350\266\205\347\276\244/6-5.md" "b/\347\253\240\350\266\205\347\276\244/6-5.md"
new file mode 100644
index 0000000000000000000000000000000000000000..b52aacedd21fc579e95e8d90363092103550503f
--- /dev/null
+++ "b/\347\253\240\350\266\205\347\276\244/6-5.md"
@@ -0,0 +1,259 @@
+Vue的第八次课 表单输入绑定
+1. 基础用法 
+v-model 会忽略value selected checked 的初始值 被Vue实例data中v-model中绑定的值覆盖(忽略)
+text(文本) textarea(多行文本) 事件类型是input  
+checkbox(复选框) radio(单选按钮)  事件类型是change  --checked(定义的初始值 只要出现就会默认值为ture会被勾选 未出现会显示没被勾选 false) 
+select 事件类型是change --value(定义的初始值) 
+
+2. text textarea (初始值value的值会被v-model='变量' 覆盖)
+
+```
+
+ <div id="app">
+        <input type="text" v-model='txt' value="文本框" @input='txtinput'>
+        <textarea cols="30" rows="10" v-model='txtarea' value='多行文本框' @input='txtareainput' placeholder="请输入"></textarea>
+    </div>
+
+    <script>
+        let app=new Vue({
+            el:'#app',
+            data:{
+                txt:'由我主导',
+                txtarea:''
+
+            },
+            methods:{
+                txtinput:function(){
+                    console.log(this.txt);
+                },txtareainput:function(){
+                    console.log(this.txtarea);
+                },
+            }
+        })
+
+    </script>
+```
+3. 复选框 通过再嵌套一个div并遍历我需要显示的数组 并通过点击并将value绑定的值传入v-model中多个值用数组单个选框v-model绑定变量为''空字符串获取默认值(false true)
+value不可省不然会为空与select不同 应为select的初始属性是value 而单选框和复选框的初始属性都是checked
+```
+   <div id="app">
+        <input type="checkbox" v-model='oncheck' @change='oncheckchange'>点下我会返回默认值
+        <br>
+        <div v-for='item in checklist'>
+            <input type="checkbox" v-model='checked' :value="item.nicename" @change='checkes'>{{item.name}}
+        </div>
+    </div>
+
+ <script>
+        let app=new Vue({
+            el:'#app',
+            data:{
+                oncheck: '',
+                checked:[],
+                checklist:[
+                    {
+                        id:1,
+                        name:'小天',
+                        nicename:'sky'
+
+                    },
+                    {
+                        id:2,
+                        name:'窝窝头',
+                        nicename:'wowoto'
+                    },
+                    {
+                        id:3,
+                        name:'小甜甜',
+                        nicename:'sweet'
+                    },
+                    {
+                        id:4,
+                        name:'明天',
+                        nicename:'tomorrow'
+                    },
+                ]
+            },
+            methods:{
+                checkes:function(){
+                    console.log(this.checked);
+                },
+                oncheckchange: function () {
+                    console.log(this.oncheck);
+                }
+            }
+        })
+
+    </script>
+```
+4. 单选框  value不可省不然会为空与select不同 应为select的初始属性是value 而单选框和复选框的初始属性都是checked
+```
+ <div id="app">
+            <div v-for='item in radiolist'>
+                <input type="radio" v-model='newradio' @change='radiochange' :value="item.nickname">{{item.name}}
+            </div>
+       
+    </div>
+
+
+    <script>
+        let app = new Vue({
+            el: '#app',
+            data: {
+                newradio: '',
+                radiolist:[
+                    {
+                        id:1,
+                        name:'明天',
+                        nickname:'tomorrow'
+                    },
+                    {
+                        id:2,
+                        name:'甜蜜',
+                        nickname:'sweet'
+                    },
+                    {
+                        id:3,
+                        name:'伤心',
+                        nickname:'sadnass'
+                    }
+                ]            
+            },
+            methods: {
+                radiochange: function () {
+                    console.log(this.newradio);
+                },
+                oncheckchange: function () {
+                    console.log(this.oncheck);
+                }
+            }
+        })
+
+    </script>
+```
+5. 选择框  option 中value可以不写 value会被默认为选项的值作为value 注意格式<option></option> 
+```
+展示效果：选择1 value的值 由于没有被定义会 被默认为选项的值 执行方法并打印value的值 为1
+在 select 中添加 multiple(许多的) 添加了multiple选项内容会被变成一个下拉文本     按住ctrl可以多选 选项中的值
+ <div id="app">
+          
+        <select name="" id="" @change='selectmethods' v-model='newselect'>
+            <option>1</option>
+            <option>2</option>
+            <option>3</option>
+            <option>4</option>
+        </select>    
+    </div>
+
+
+
+    <script>
+        let app = new Vue({
+            el: '#app',
+            data: {
+                newselect: [],                
+            },
+            methods: {
+                selectmethods: function () {
+                    console.log(this.newselect);
+                }
+            }
+        })
+    </script>
+```
+6.    值绑定  :value 之后值不会再发生变化了 如单选框被绑定之后触发完绑定值之后不能被取消选中一直为绑定状态(当只有单个单选时 有多个可以相互转换)
+    1)  复选框  更改check点击默认值ture false为指定值
+                            
+        <div id="app">
+
+        <input type="checkbox" @change='newinput' v-model='txt' true-value='yes' false-value='no'>
+         </div>
+
+          <script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script>
+          <script>
+        let app = new Vue({
+            el: '#app',
+            data: {
+                txt: '',
+            },
+            methods: {
+                newinput: function () {
+                    console.log(this.txt);
+                }
+            }
+        })
+         </script>
+    2)单选框
+
+        <div id="app">
+
+        <input type="radio" @change='newinput' v-model='txt' value="txt">
+        <input type="radio" @change='newinput' v-model='txt'  :value='wood' >
+             </div>
+
+        <script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script>
+         <script>
+        let app = new Vue({
+            el: '#app',
+            data: {
+                txt: '66',
+                wood:'木头'
+            },
+            methods: {
+                newinput: function () {
+                    console.log(this.txt);
+                }
+            }
+        })
+        </script>
+3)选项中的值绑定 model定一个对象 :value中可以定义值为对象并打印
+
+    <div id="app">
+    <select v-model='selected' @change='newinput' >
+        <option :value="{number:123}" >
+            123
+        </option>
+      </select>
+     </div>
+
+    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script>
+    <script>
+        let app = new Vue({
+            el: '#app',
+            data: {
+                selected: {}
+            },
+            methods: {
+                newinput: function () {
+                    console.log(this.selected);
+                }
+            }
+        })
+    </script>
+    
+7. 修饰符
+.lazy 转为在 change 事件   失焦(值之前点击输入框让焦点再输入框然后输入完成后点其他地方即可失焦)或按回车时回车之后进行更新
+
+     <div id="app">
+    <input type="input" @input='newinput' v-model.lazy='txt'> 
+    <p><span>{{txt}}</span></p>   
+    </div>
+
+    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script>
+    <script>
+        let app = new Vue({
+            el: '#app',
+            data: {
+                txt: '输入',                
+            },
+            methods: {
+                newinput: function () {
+                    console.log(this.txt);
+                }
+            }
+        })
+    </script>
+
+.number 尝试将输入的东西全部转化为数字输出转化不了的直接输出
+.trim 自动过滤用户输入的首尾空白字符
+ 
\ No newline at end of file
diff --git "a/\347\253\240\350\266\205\347\276\244/index.html" "b/\347\253\240\350\266\205\347\276\244/index.html"
deleted file mode 100644
index 1d11a4da4cb74dcec548c88fadd1d21b6f105018..0000000000000000000000000000000000000000
--- "a/\347\253\240\350\266\205\347\276\244/index.html"
+++ /dev/null
@@ -1,11 +0,0 @@
-<!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>
-    
-</body>
-</html>
\ No newline at end of file