Formoid
beautiful form maker

Formoid is a free desktop app that helps you easily create html email form, jquery form plugin, bootstrap form, javascript form validation and more in a few seconds without writing a single line of code. Create effective online forms in just a few clicks.

Jquery form validation tutorial and HTML simple form

Q: I have downloaded the beta release of Formoid and realize that it is still a work in progress.
I thought I would point out a few things that I have came across upon publishing a form, there are a few bugs that I have found. The following is a simple form that I have generated using Formoid and have noticed a few things:

<!-- Start Formoid form-->
<form action="" contactUser" style="background-color:#93fd96;" title="Contact Registered Users">
<div><h2 class="title">Send Email to Registered Users</h2></div><div><label class="title">Registered User ID #</label><input type="text" name="userID"></div><div><label class="title">Select ALL Users</label>
                <div>
                <input type="checkbox" name="selectALL" value="options 1"><span>options 1</span><br>
            </div>
            </div><div><label class="title">Message</label>
                <textarea name="message" cols="20" rows="5"></textarea>
            </div><div><input type="button" name="reset" value="Reset Form"></div><div><input type="submit" name="field2" value="Submit"></div>
</form>
<link rel="stylesheet" href="formoid_files/formoid1/style.css" type="text/css" />
<script type="text/javascript" src="formoid_files/formoid1/jquery.uniform.min.js"></script>
<p class="frmd"><a href="http://formoid.com/">PHP CONTACT FORM HTML Formoid.com 1.1</a></p>
<!-- Stop Formoid form-->


<form action="" contactUser" style="background-color:#93fd96;" title="Contact Registered Users">



If you notice in the above <form> code, the "name" is missing infront of "contactUser". All styles should be directed to a ".class" or "#id" in the "styles.css" file.

<form action="" name="contactUser" class="myform1" title="Contact Registered Users">



Here is an edited version of jquery form validation tutorial on how the form should look like when published in an HTML5 page:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="formoid_files/formoid1/style.css" type="text/css" /> <------------------------------------------------------------ link to external css file should be put in <head> section of page
<script type="text/javascript" src="formoid_files/formoid1/jquery.uniform.min.js"></script> <---------------------------------------------- link to js file should be placed after css link
</head>
<body>
<!-- Start Formoid form-->
<form action="" name="contactUser" class="myForm1" title="Contact Registered Users">
    <legend>Send Email to Registered Users</legend> <----------------------------------------------------------------------------------------------- use a legend type class for Title of form
    <label class="title">Registered User ID #</label>
    <input type="text" name="userID" size="2"> <---------------------------------------------------------------------------------------------------- give the creator the option of determining the size of the text field
    <br /> <------------------------------------------------------------------------------------------------------------------------------------------------------- current <br /> element and not <br>
    <label class="title">Select ALL Registered Users</label>
    <input type="checkbox" name="selectALL" value=""> <----------------------------------------------------------------------------------------- leave value blank, for this could be a simple check box nest to the label
    <br />
    <label class="title">Message</label>
    <br />
    <textarea name="message" cols="20" rows="5"></textarea>
    <br />
    <input type="button" name="reset" value="Reset Form">  <input type="submit" name="submit" value="Submit"> <--- input type when defined as "button" should have options of submit                                                                                                                                                                                                                                        or reset
</form>
<p class="frmd"><a href="http://formoid.com/">PHP CONTACT FORM HTML Formoid.com 1.1</a></p>
<!-- Stop Formoid form-->
</body>
</html>



I do realize that this is the beta version and is still being developed. I, as a web developer, would suggest not using <div> tags in the formatting of the form, use the <legend> and <fieldset> or give the option of using a <div> for formatting.
Other important notes are to integrate jquery form validation tutorial HTML 5 elements into the generation of any form,
since this is the path we are currently taking. Format the br tags to br / tags, the brtag you are using is depracated for HTML 5
and is primarily used in an email development. I hope this provides some better insight into further development of this program for Developers usage.

A: Thank you for your interest in our products.
We've sent your request to our developer team.

FAQ »