Error in console "A form was submitted in the windows-1252 encoding which cannot encode all Unicode characters,..."

I am using Firefox 134.0 on Debian 12. I created the form and input variables and added the event listener on the submit event on the form and set it to log out the input value to the console. Here is my workspace snapshot, https://w.trhou.se/qqxb9erh61

When I save everything and preview in the browser, I get this error in the console.

A form was submitted in the windows-1252 encoding which cannot encode all Unicode characters, so user input may get corrupted. To avoid this problem, the page should be changed so that the form is submitted in the UTF-8 encoding either by changing the encoding of the page itself to UTF-8 or by specifying accept-charset=utf-8 on the form element. port-80-kb5bywth86.ecs-production.treehouse-app.net

I found this post on stackoverflow, https://stackoverflow.com/questions/14196687/a-form-was-submitted-in-the-windows-1252-encoding and added the accept-charset=utf-8 to the form element and it resolved the error, but I didn't see my input value logged out.

I continued watching the video and added the preventDefault() method and now I see my input logged to the console.

I went back and undid my changes to the form element and the code is working now without the accept-charset=utf-8 attribute in the form element.

I'm not sure why preventDefault() has this affect in this browser, but I wanted to bring it up in case other users report the same issue.

I can bring this up in a support ticket too if that would be useful.