diff --git a/src/tutorial/src/step-7/App/template.html b/src/tutorial/src/step-7/App/template.html
index 70982e37d5..276c2751ce 100644
--- a/src/tutorial/src/step-7/App/template.html
+++ b/src/tutorial/src/step-7/App/template.html
@@ -1,5 +1,7 @@
-<input v-model="newTodo" @keyup.enter="addTodo">
-<button @click="addTodo">Add Todo</button>
+<form @submit.prevent="addTodo">
+  <input v-model="newTodo">
+  <button>Add Todo</button>    
+</form>
 <ul>
   <li v-for="todo in todos" :key="todo.id">
     {{ todo.text }}
diff --git a/src/tutorial/src/step-8/App/template.html b/src/tutorial/src/step-8/App/template.html
index b59c3d93f9..e924c12e6a 100644
--- a/src/tutorial/src/step-8/App/template.html
+++ b/src/tutorial/src/step-8/App/template.html
@@ -1,5 +1,7 @@
-<input v-model="newTodo" @keyup.enter="addTodo">
-<button @click="addTodo">Add Todo</button>
+<form @submit.prevent="addTodo">
+  <input v-model="newTodo" />
+  <button>Add Todo</button>
+</form>
 <ul>
   <li v-for="todo in todos" :key="todo.id">
     <input type="checkbox" v-model="todo.done">
diff --git a/src/tutorial/src/step-8/_hint/App/template.html b/src/tutorial/src/step-8/_hint/App/template.html
index 092d8b9e6d..e5c15992ce 100644
--- a/src/tutorial/src/step-8/_hint/App/template.html
+++ b/src/tutorial/src/step-8/_hint/App/template.html
@@ -1,5 +1,7 @@
-<input v-model="newTodo" @keyup.enter="addTodo">
-<button @click="addTodo">Add Todo</button>
+<form @submit.prevent="addTodo">
+  <input v-model="newTodo" />
+  <button>Add Todo</button>
+</form>
 <ul>
   <li v-for="todo in filteredTodos" :key="todo.id">
     <input type="checkbox" v-model="todo.done">