Google+ logo Twitter logo Youtube logo

Tags - Formelements


A "form"?

A form is a section where site visitors can enter information. Typically, anywhere (on any website) where you can type something in or choose something. It's done with forms. A form can be announced with a <form> tag. Within this tag, several form-elements, which gives the visitor the ability to e.g. type something in.

Input

Actually, we're asking the visitor for his/her input. There are many different ways to gather input, we will focus on typing something in and choosing something.

Typing something

Through the <input> tag can ask the visitor for his/her input. As previously stated, all tags have their own attributes. For each <input> tag, we can "tell" whether it is a choice or a text (typing something in) using the attribute type.

In a <input> tag, we announce the option "typing something in" with attribute-value text for attribute type, something like this;


  • <input> is a tag
  • type is a attribute
  • text is a attribute-value

The line of HTML results in the textfield underneath, type something in!
Type something:

Choosing something

We cay also ask the visitor to make a choice. Because this is user-input, we use the same <input> tag. However, we use a different attribute value for the attribute type, namely: radio. Suppose, we want to ask the visitor if he/she wants to drink something, it could look like this;

Do you want a drink?  Yes  No 
The HTML above results in;

Do you want a drink? Yes No

The "form-tag"

We just learned howto ask a visitor for his/her input.

  • We can let visitors choose something with attribute-value radio for attribute type.
  • We can let visitors type something in with attribute-value text for attribute type.
With a <form> tag, we're able to "group" these input-tags. Say; we create a form for contactrequest, it could look like this;
What's your name?
Shall we call you? Yes No
The <form> tag makes sure that the "questions" are nice and grouped. In the example above, we can see that all the "questions" are grouped in one form, this form represents the whole contactrequest.


Comments (20) Post comment

  • Direct url BfaRD (July 19, 2021 @ 10:16)
    \r\n<a href=\"https://krasota4u.ru\">trazodone prices</a> \r\n
  • Direct url FrqYU (June 22, 2021 @ 05:57)
    <a href=\"https://viagra4m.top\">https://viagra4m.top</a>
  • Direct url CggCL (May 18, 2021 @ 21:31)
    \r\n<a href=\"https://cialisortadalafil.com/\">https://cialisortadalafil.com/</a> \r\n
  • Direct url HocKU (May 18, 2021 @ 10:05)
    Meds prescribing information. What side effects can this medication cause? \r\n<a href=\"https://baclofen2021.top\">cheap baclofen without insurance</a> in the USA \r\nSome about medicament. Read information here.
  • Direct url KfyZU (May 18, 2021 @ 10:05)
    Meds information sheet. What side effects? \r\n<a href=\"https://methocarbamol4u.top\">buy cheap methocarbamol</a> in USA \r\nAll about medicine. Read information here.
  • Direct url IkaHQ (May 17, 2021 @ 09:00)
    cialis back pain <a href=\"https://topcialistabs.com/\">cialis vs.levitra</a> buy generic cialis online
  • Direct url LyhKE (May 16, 2021 @ 08:06)
    viagra femenino <a href=\"https://sildenafilviagratop.com\">sildenafil prescription online</a> using viagra
  • Direct url QcuDA (May 16, 2021 @ 06:13)
    define cialis <a href=\"https://cialisortadalafil.com/\">cialis drug interactions</a> how to get cialis
  • Direct url RleRW (May 14, 2021 @ 10:22)
    viagra for sale <a href=\"https://edviagramaster.net/\">generic viagra online for sale</a> generic viagra
  • Direct url NffEZ (May 13, 2021 @ 11:04)
    high school resume for college <a href=\"https://writingacoverletteronline.com/\">federal resume</a> network engineer resume
  • Direct url Kathrynpem (May 12, 2021 @ 22:08)
    cialis vs.viagra reviews <a href=\"http://tadalafilled.com/\">how long for cialis to work</a> generic cialis online canada
  • Direct url JudFF (May 12, 2021 @ 16:25)
    property manager resume <a href=\"http://coverletterforresumetop.com/\">need help with resume</a> resume synonyms
  • Direct url Martinapiepe (May 8, 2021 @ 04:12)
    sildenafil citrate 100mg tab <a href=\"https://mysildenafilkr.com/\">viagra amazon</a> sildenafil over the counter cvs
  • Direct url Francesisoft (May 7, 2021 @ 14:59)
    viagra cock <a href=\"https://mrviagrashop.com\">viagra strain</a> generic viagra online for sale
  • Direct url Rebeccagiz (May 7, 2021 @ 06:20)
    best essay review writing service <a href=\"http://writemyessayslfd.com/\">writing a 5 paragraph essay</a> essay on service to community
  • Direct url StellaAnach (May 5, 2021 @ 22:51)
    how to write a sociology essay <a href=\"https://topessaywriterfas.com/\">writing good essays</a> write essay thesis
  • Direct url TiffanyNon (May 4, 2021 @ 05:13)
    how long does it take cialis to work <a href=\"https://toptadalafiltabs.com/\">tadalafil india</a> cialis generico
  • Direct url JaniceCak (April 30, 2021 @ 13:53)
    purchase cialis online <a href=\"https://mycialistabs.com/\">cialis headache</a> cialis tadalafil
  • Direct url MekMQ (April 24, 2021 @ 20:54)
    Drug information. Drug Class. \r\n<a href=\"https://pregabalinfor.top\">where to get pregabalin without prescription</a> in the USA \r\nSome about medicines. Get here.
  • Direct url CalifGyclE (January 14, 2019 @ 15:40)
    Get cash in <a href=http://california-payday-loans.info>California Payday Loans</a> fast and simple!

Leave a comment ...

Name (will be visible)
E-mailaddress (will not be shown)
Comment
Type the code illustrated below

Back to top