Forms

63 %
38 %
Information about Forms

Published on July 29, 2008

Author: biswadip

Source: slideshare.net

FORMS in HTML

An HTML form is a section of a document containing normal content, markup, special elements called controls (checkboxes, radio buttons, menus, etc.), and labels on those controls. Users generally "complete" a form by modifying its controls (entering text, selecting menu items, etc.), before submitting the form to an agent for processing (e.g., to a Web server, to a mail server, etc.)

An HTML form is a section of a document containing normal content, markup, special elements called controls (checkboxes, radio buttons, menus, etc.), and labels on those controls.

Users generally "complete" a form by modifying its controls (entering text, selecting menu items, etc.), before submitting the form to an agent for processing (e.g., to a Web server, to a mail server, etc.)

<FORM action=&quot;http://somesite.com/prog/adduser&quot; method=&quot;post&quot;> <P> <LABEL for=&quot;firstname&quot;>First name: </LABEL> <INPUT type=&quot;text&quot; id=&quot;firstname&quot;><BR> <LABEL for=&quot;lastname&quot;>Last name: </LABEL> <INPUT type=&quot;text&quot; id=&quot;lastname&quot;><BR> <LABEL for=&quot;email&quot;>email: </LABEL> <INPUT type=&quot;text&quot; id=&quot;email&quot;><BR> <INPUT type=&quot;radio&quot; name=&quot;sex&quot; value=&quot;Male&quot;> Male<BR> <INPUT type=&quot;radio&quot; name=&quot;sex&quot; value=&quot;Female&quot;> Female<BR> <INPUT type=&quot;submit&quot; value=&quot;Send&quot;> <INPUT type=&quot;reset&quot;> </P> </FORM>

<FORM action=&quot;http://somesite.com/prog/adduser&quot; method=&quot;post&quot;>

<P>

<LABEL for=&quot;firstname&quot;>First name: </LABEL>

<INPUT type=&quot;text&quot; id=&quot;firstname&quot;><BR>

<LABEL for=&quot;lastname&quot;>Last name: </LABEL>

<INPUT type=&quot;text&quot; id=&quot;lastname&quot;><BR>

<LABEL for=&quot;email&quot;>email: </LABEL>

<INPUT type=&quot;text&quot; id=&quot;email&quot;><BR>

<INPUT type=&quot;radio&quot; name=&quot;sex&quot; value=&quot;Male&quot;> Male<BR>

<INPUT type=&quot;radio&quot; name=&quot;sex&quot; value=&quot;Female&quot;> Female<BR>

<INPUT type=&quot;submit&quot; value=&quot;Send&quot;> <INPUT type=&quot;reset&quot;>

</P>

</FORM>

Users interact with forms through named controls . HTML defines the following control types: buttons checkboxes radio buttons menus text input file select hidden controls object controls

Users interact with forms through named controls .

HTML defines the following control types:

buttons

checkboxes

radio buttons

menus

text input

file select

hidden controls

object controls

This example creates a TEXTAREA control that is 20 rows by 80 columns and contains two lines of text initially. The TEXTAREA is followed by submit and reset buttons. <FORM action=&quot;http://somesite.com/prog/text-read&quot; method=&quot;post&quot;> <P> <TEXTAREA name=&quot;thetext&quot; rows=&quot;20&quot; cols=&quot;80&quot;> First line of initial text. Second line of initial text. </TEXTAREA> <INPUT type=&quot;submit&quot; value=&quot;Send&quot;><INPUT type=&quot;reset&quot;> </P> </FORM>

This example creates a TEXTAREA control that is 20 rows by 80 columns and contains two lines of text initially. The TEXTAREA is followed by submit and reset buttons.

<FORM action=&quot;http://somesite.com/prog/text-read&quot; method=&quot;post&quot;> <P> <TEXTAREA name=&quot;thetext&quot; rows=&quot;20&quot; cols=&quot;80&quot;> First line of initial text. Second line of initial text. </TEXTAREA> <INPUT type=&quot;submit&quot; value=&quot;Send&quot;><INPUT type=&quot;reset&quot;> </P> </FORM>

Add a comment

Related presentations

Related pages

Google Forms - create and analyze surveys, for free.

Analyze your results in Google Forms. Free from Google ... Never miss out on the latest updates and handy tips for getting the most out of Google Docs.
Read more

forms

>forms. 2009 gründeten die Architektinnen und Designerinnen Maria Nome Doyle und Andrea Janna Krenn das interdisziplinäre Designbüro >forms. In ...
Read more

Google Forms

Es gibt zahlreiche Optionen, um Fragen zusammenzustellen – von der Auswahlfrage über die Drop-down-Liste bis zur linearen Skala. Außerdem können Sie ...
Read more

Forms & Pubs - irs.gov

Use our Forms & Publications Search to quickly find and download current forms, instructions and publications. To get started, enter keywords into the box ...
Read more

Zentrale Formularservice-Stelle (IT.Niedersachsen)

07.10.2016: Geänderte E-Forms 040_006, 040_007 und 040_008 mehr. Newsletter Oktober 2016
Read more

Forms (current) - symfony.com

Forms¶ Dealing with HTML forms is one of the most common - and challenging - tasks for a web developer. Symfony integrates a Form component that makes ...
Read more

JavaScript/DOM/Document/forms – SELFHTML-Wiki

Das Objekt document.forms gibt einer HTMLCollection alle form-Elemente eines Dokument zurück. Mit dem Unterobjekt elements haben Sie Zugriff auf Elemente ...
Read more

Forms Überblick - Oracle

Oracle Forms ist eine bewährte Technologie für datenbank-orientierte Dialog-Anwendungen, die in Deutschland von über 3000 Kunden eingesetzt wird.
Read more

Forms in HTML documents - World Wide Web Consortium

17.1 Introduction to forms. An HTML form is a section of a document containing normal content, markup, special elements called controls (checkboxes, radio ...
Read more

HTML Forms - W3Schools: Forms

Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, PHP, and XML.
Read more