HTML : Form And Text Input

As we know, HTML is easy program for website. If we want input some information, usually we use Form and text input.



orms are used in HTML to pass data. On the web, data is typically passed as a key-value pair. For example, the following URL:
http://www.xyz.com/example?c=1&d=title
has two separate key-value pairs, separated by '&'. The key for the first key-value pair is 'c', and the value is '1'. The key for the second key-value pair is 'd', and its value is 'title'.
How are key-value pair specified? They are specified by the <form> tag. The general format is as follows:


<form action=xxx>
  ...
  [section specifying the value for each key]
  ...
  <input type=submit value=Go>
</form>


The text after action= specifies the script to be executed after the user submits the information. <input type=submit> gives a button that the user clicks when she is ready to submit the information. The value=Go piece specifies the text appearing on the button, in this case 'Go'. This is shown below:

The following list gives the most common ways for users to specify the value:

• Text input
• Radio button
• Checkbox
• Drop-down menu

Each will be described in more detail in its own section.




This times, we talk about Text Input.
One way users can enter data into a HTML document is via text. The most common scenario is when users have to enter a username and password to enter a site. There are three common types of text input:

• text: In this type of input, we get a single-line text box to enter data. The texts typed appear directly on the web page.The syntax is <input type=text name=c>. Here, the key for this text input value is 'c'. Below is an example:
  Text example: 
• password: In this type of inpu, we get a single-line text box to enter data. The text typed do not appear directly on the web page.The syntax is <input type=password name=pwd>. Here, the key for this password input is 'pwd'. Below is an example:
  Text example: 
• textbox: In this type of input, we get a multi-lin text book to enter data. The texts typed appear directly on the web page.The syntax is <textarea rows=[row height] name=area>. The key for this textarea input is 'area'. Below is an example, with [row height] = 2:
  Text area example:
  
  
  
  
  

Good Luck