Jump to content

  • Free consultations and support
  • Live chatClick Here for Live Chat
  • Call ico 1888-906-1888
    Phone support: Open

    Ready for your call :)

    Our business hours:

    Mon — Fri, 2am — 8pm (EST)

    US & EU support teams

    Phone support: Closed

    We are back in: 1h 20m

    Our business hours:

    Mon — Fri, 2am — 8pm (EST)

    US & EU support teams


Making a Contact Form in HTML5

contact form html5 making

  • Please log in to reply
 

#1 OneDes

OneDes

    Senior Member

  • Designer
  • 282 posts

Posted 29 December 2012 - 05:06 PM

1.Using notepad or any HTML editor, open the HTML file that you want to create the contact form in.
2. To start the form, add the following code on the page that you want the contact form to be displayed:
<fieldset>
3.To create the first form, insert the following code under the "<fieldset>"
<label>NameLabel</label>
<input type="text" placeholder="Type text here">
4.Change the "<input type="text" to any type of field that you want to create. Such as " "email" ,"URL." , etc..
5.Replace "Type text Here" with the placeholder text that you want to display pre-populated in the field.
6.Add as many forms as you want, using the above steps.
7. if you want to add a text area box that enables users to enter large amounts of text, you should add the following code:
<label>Your Comments</label>
<textarea type="message" placeholder="more comments "></textarea>
8.To create a submit button, add the following code at the bottom of all of the forms
<input type="submit" value="This text will appear on the submit button">
9.Add the following closing tag under all of the forms:
</fieldset>
10.Save your file and upload it to your server.





Also tagged with one or more of these keywords: contact form, html5, making

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users