JSFiddle - React, Tailwind, and code Playground
HTML
<!DOCTYPE html>
<html>
<body>
<form action="?type=type">
<input type="email" name="SENDER" placeholder="Your email" required="required" />
<input type="text" name="name" placeholder="Your name" required="required" />
<textarea name="message" cols="30" rows="5" required="required"></textarea>
<input type="submit" value="Submit" />
</form>
</body>
</html>
JavaScript
<script>
var url = 'https://google.com'
var query = document.querySelector('form').getAttribute('action');
document.querySelector('form').addEventListener('submit', function (event) {
event.preventDefault();
fetch(`${url}/${query}`, {
method: 'POST',
body: new URLSearchParams(new FormData(event.target))
}).then(this.reset.bind(this));
});
</script>