HTML forms

HTML Forms

HTML is a web page markup language which designs your static web pages.The most common thing we see in a web page is a form.We normally signup for various services, comments on articles, discussion forum, polls and many other services.These all are a type of form which one can easily create using the HTML "form" tag.HTML forms are used to collect different kinds of user input.
A form is an area that can contain form elements. Form elements are elements that allow the user to enter information in a form (like text fields, text area fields, drop-down menus, radio buttons, check boxes, and so on). But HTML forms are only static.Means they can send the information but can't check whether the information is valid or not.
To implement the form validation, you'll have to use a scripting language such as javascript, vbscript, php etc.Form validation is an important thing but form structure is another important thing which we can do using HTML only.

form and input Tags

form tag is used to declare a form in which we can place elements which will let the users to input their information.

Format

<form>
....input elements.... </form>

"input" tag is used to create different elements.In this article we'll only focus on text fields.For other type elements see our type of html form elements article.

A general form looks like this

The form created above does not send the entered information to anywhere.The default text field width is 20 characters but you can adjust it using the "width" attribute.To send the information to a specific page or location you'll need to use the "action" and "method" attributes.To read about these go to form attributes.

Now we'll discuss the form we created above.

The first thing is :- declare the form using the "form" tag.
Then create input field by using the "input" attribute.This goes like this...."input type='__' name='__' value='__'"
After creating desirable number of fields, close the form tag by "/form".

In the "type" attribute, set the type of field, which is "text" in our case i.e. "type=text".
In the name attribute, set the name of the field, which is "Name" in our case i.e. "name=Name".
In the value attribute, set the value to be displayed in the field which you can further edit while filling a form

This is a introduction to html forms.To further read about forms check our various posts.

Form attributes and methods
Types of forms or input elements

Comments

Understanding Python Decorators

If you have ever wondered what those @something mean above a python function or method then you are going to have your answers now. This @something line of code is actually called a decorator. I have red from various articles about them but some of them were not able to clarify the concept of a decorator and what we can achieve with them. So in this post we'll learn a lot about python decorators. Here is a list of topics we'll be covering. What is python decorator Understanding the concept Multiple decorators on same function class method decorator Where can we use decorators What is python decorator A python decorator is nothing but a function which accepts your given function as a parameter and returns a replacement function. So its like something this def decorator(your_func): def replacement(your_func_args): #do some other work return replacement @decorator your_func(your_func_args): #your_func code Now when your_func gets called then...

Cordova viewport problem solved

Include the viewport settings in Cordova If you are facing the auto zooming problem of cordova then go read on the full article. Cordova actually ignores the viewport meta tag which causes the pixel density problem. So we need to tell cordova that viewport tag is equally important as other tags. To do this, we need to add some code to a file which is specify in the article. Corodva messes with pixels If you are using the latest cordova version or creating the cordova app for latest android versions then you may have faced the zoom malfunctioning.I also faced it when creating an app. Many of you may have already searched the web and found the answer of changing the meta tag attributes to get it working. But adding target-densitydpi=medium-dpi does not solve the problem for latest android versions. It may work for gingerbread but not for kitkat and others. So the final solution which i found was one of the stackexchange answer but rarely found. So i am gonna two things here, i ...

Hash Tables : Handling Collision

We saw in the previous post how a simple hash table can be constructed without much effort. But, and that is a big But, that table was prone to collisions and could result in corrupted data. Of course we don't want a data structure which can corrupt our data even if it is faster. So to avoid data corruption we will study some collision resolution techniques and will see how to evenly distribute a key over the table to minimize collision. Lets continue the journey. What Problems Does Hashing Solve ? Simple Implementation of Hash Table Collision Resolution Chaining Open Addressing Designing Hash Functions How Python Dictionaries Work Hashing in Action Collision Resolution First of all, what is collision ? Collision is a phenomenon which happens when 2 or more distinct keys are mapped to the same hash table entry. But we don't wa...

Information Well

Search This Blog