JSFiddle - React, Tailwind, and code Playground
HTML
<html>
<head><title>title</title></head>
<body>
<form action="" method="post">
Name: <input type="text" name="name"/><br/>
Pwd: <input type="password" name="password"/><br/>
<input type="submit"/>
</form>
</body>
</html>
CSS
input.hidden {
border: 0 none;
height: 0;
width: 0;
padding: 0;
margin: 0;
overflow: hidden;
}
JavaScript
function divClicked() {
$(this).html("Clicked");
//Do form submission
}
$(function() {
$("input[type=submit]").addClass("hidden");
$("form").append($(document.createElement("div")).html("My div").click(divClicked));
});