JSFiddle - React, Tailwind, and code Playground
HTML
<!DOCTYPE html>
<html lang="en">
<body>
<form>
<input type="text" pattern="[^`~!@#$%\^&*()_+={}|[\]\\:';<>?,./\x22]*" title="Only allowed characters" />
<input type="submit">
</form>
</body>
</html>