JSFiddle - React, Tailwind, and code Playground
HTML
<form id="contact" name="contact" method="post" action="http://jsfiddle.net/#saven=mail2.php" onsubmit="return beforeSubmit();">
<label>Name :</label>
<input name="name" type="text" id="name" class="contact-input-box" />
<label>Contact No. :</label>
<input name="telephone" type="text" id="telephone" class="contact-input-box" />
<label>Email :</label>
<input name="email" type="text" id="email" class="contact-input-box" /><br class="clearBoth" />
<label>Gender :</label>
<span>Mail</span> <input type="radio" name="gender" value="male">
<span>Femail</span> <input type="radio" name="gender" value="female" /> <br class="clearBoth" />
<label>product :</label>
<select name="product" class="dropdown" id="product">
<option>Product</option>
<option value="cd">CD</option>
<option value="dvd">DVD</option>
</select> <br class="clearBoth" />
<label>Comment :</label>
<textarea name="comment" id="comment" class="contact-input-box1"></textarea><br class="clearBoth" />
<p id="button1"></p>
<label> </label>
<input name="button" type="submit" id="button" title="Submit" value="Submit" />
</form>
JavaScript
function beforeSubmit() {
if (confirm("Are you sure, you want to submit form?")) {
return true;
}
return false;
}