You are not connected. Please login or register

FreshArtz » Coding Section »  » Tutorials » HTML Form

View previous topic View next topic Go down  Message [Page 1 of 1]

1HTML Form Empty HTML Form Sat Jun 30, 2012 12:13 pm

Linus

Linus

HTML Form

Hi there!
Today, I'm going to teach you how to make a HTML form. It is very easy to make a HTML form.

A simple form with the text area and Send Button:
Code:
<form method="post" action="mailto:name@site.com">
  <input type="text" name="body">
  <input type="submit" value="Send">
</form>

All you have to do is replace the "name@site.com" with your e-mail address.

There are three main tags in a HTML form. <input>, <select> and <textarea>. Here are the codes for various fields that may help with your HTML form!

Textbox
Code:
<input type="text" value="content" name="a name" size="25">
Text Area
Code:
<textarea name="a name" rows="6" cols="20"> </textarea>
Drop-Down Menu
Code:
<select size="1" name="menu">
  <option>no. 1</option>
  <option selected="selected">no. 2</option>
  <option>no. 3</option>
</select>
Hidden Field
<input type="hidden" name="hidden" value="something secret stands here">
Password
Code:
Password <input type="password" name="code" value="" size="10">
Radio Buttons
Code:
<input type="radio" name="radio field" value="no1"> Option 1
<input type="radio" name="radio field" value="no2" checked="checked"> Option 2
Check boxes
Code:
<input type="checkbox" name="check1" value="chosed"> Option 1
<input type="checkbox" name="check2" value="chosed" checked="checked"> Option 2

I hope this helps you to create your first HTML form!
DEMO: LINK
Notice : This tutorial is copyrighted by FreshArtz. You may not publish it on anywhere without written permission from the administrators.

https://freshartz2.indonesianforum.net/

2HTML Form Empty Re: HTML Form Sat Jun 30, 2012 12:19 pm

NvRDream Admin

NvRDream
Thanks for your contribution Very Happy
HTML Form Accept10 Well Done, your Tutorialsl has been accepted.

3HTML Form Empty Re: HTML Form Sat Jun 30, 2012 2:02 pm

Reckling

Reckling
Thanks for share this Very Happy

4HTML Form Empty Re: HTML Form Sun Jul 01, 2012 8:32 am

Verrell123 Admin

Verrell123
Demo Added

http://forum.verrell123.co.cc/

5HTML Form Empty Re: HTML Form Sun Jul 01, 2012 1:17 pm

Linus

Linus
Verrell123 wrote:
Demo Added

wow thanks Verrell Embarassed

https://freshartz2.indonesianforum.net/

Sponsored content

View previous topic View next topic Back to top  Message [Page 1 of 1]

FreshArtz » Coding Section »  » Tutorials » HTML Form

Similar topics

-

» Resize a Image using HTML

Permissions in this forum:
You cannot reply to topics in this forum

 


Sitemap
FreshArtz
FreshArtz © 2012
Design by Verrell123
Donate
Demo Page

About
We are Web Design and Coding forum, we will help member how to coding and design website, there many category about web design and coding.