can remove the action, method, and encType

exercises/07.forms/04.problem.submit/index.tsx

@@ -4,11 +4,13 @@ function App() {
 	return (
 		<form
 			action="api/onboarding"
-			// 🐨 set the method to "POST"
-			// 🐨 set the encType to "multipart/form-data"
-			// 🐨 add an onSubmit handler that calls event.preventDefault()
-			// 🐨 create a FormData object from the the form (💰 event.currentTarget)
-			// 🐨 log the result of Object.fromEntries(formData)
+			// 🦉 Follow these instructions in order. Test the behavior after each step
+			// 1️⃣ 🐨 set the method to "POST"
+			// 2️⃣ 🐨 set the encType to "multipart/form-data"
+			// 3️⃣ 🐨 add an onSubmit handler that calls event.preventDefault()
+			// 4️⃣ 🐨 create a FormData object from the the form (💰 event.currentTarget)
+			// 5️⃣ 🐨 log the result of Object.fromEntries(formData)
+			// 6️⃣ 💯 as extra credit, see what happens if you remove the action, method, and encType
 		>
 			<div>
 				<label htmlFor="usernameInput">Username:</label>

exercises/07.forms/04.solution.submit/index.tsx

@@ -3,9 +3,13 @@ import { createRoot } from 'react-dom/client'
 function App() {
 	return (
 		<form
+			// 🦉 note because our onSubmit calls preventDefault, the action, method,
+			// and encType are no longer necessary and can be removed. But we'll keep
+			// them around here for the exercise diff.
 			action="api/onboarding"
 			method="POST"
 			encType="multipart/form-data"
+			// 🦉 by the end of the exercise, this is all you'll actually need:
 			onSubmit={event => {
 				event.preventDefault()
 				const formData = new FormData(event.currentTarget)