From effc31c19da6312be621d4b1a28043987ee1e007 Mon Sep 17 00:00:00 2001
From: awalias <antwilson@hotmail.co.uk>
Date: Fri, 8 May 2020 12:30:09 +0800
Subject: [PATCH] improved form usability

---
 examples/todo/src/TodoList.js | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/examples/todo/src/TodoList.js b/examples/todo/src/TodoList.js
index 63a714b0650..53513443e53 100644
--- a/examples/todo/src/TodoList.js
+++ b/examples/todo/src/TodoList.js
@@ -15,10 +15,17 @@ export const TodoList = (props) => {
       <label>Sharing url: </label>
       <input type="text" readonly value={window.location.href} />
       <div className={'field-row'}>
-        <input id="newtask" type="text" onChange={(e) => setNewTaskText(e.target.value)} />
-        <label htmlFor="newtask">
-          <button onClick={() => addTask(newTaskText, list.id)}>add task</button>
-        </label>
+        <form
+          onSubmit={(e) => {
+            e.preventDefault()
+            setNewTaskText('')
+          }}
+        >
+          <input id="newtask" type="text" value={newTaskText} onChange={(e) => setNewTaskText(e.target.value)} />
+          <button type="submit" onClick={() => addTask(newTaskText, list.id)}>
+            add task
+          </button>
+        </form>
       </div>
       {tasks
         ? tasks.map((task) => {