I am trying to add my own input in an HTML block with the following code. I get these errors when I do though and all fields on the form get set to read-only. I don't even have any javascript hooked up to it yet (only CSS), I get the errors as soon as I add the HTML to the form.

When I click the errors, it is referencing someone elses javascript files, not javascript I have written. Why is the other javascript attaching to my input field? Am I using a class name that is reserved? I got the class names from an example on W3Schools of how to make switches.

<font size="1">Include Inactive&nbsp;</font><br><label class="switch">
<input type="checkbox" class="showInactive">
  <span class="slider round"></span>
</label>

Error 1:

jquerymin?v=NNvRrt_4VTUxpB0IOMoCb0a7YmcdZ5YTm3OVRV8yIMU1:1 Uncaught Error: Syntax error, unrecognized expression: [name=][value=_other]
    at Function.u.error (jquerymin?

Error 2 (Happens when the HTML block is hidden with a field rule):

False_False_Chrome_83_True__False_minScripts?v=9miAY0dNVvUX6-YcbnZ0VyG-q7WW1kLsOxvziwqV76A1:401 Uncaught TypeError: this._destroyUI is not a function
    at V.destroy (False_False_Chrome_83_True__False_minScripts?v=9miAY0dNVvUX6-YcbnZ0VyG-q7WW1kLsOxvziwqV76A1:401)