Basic tutorials create HTML user registration

in utopian-io •  7 years ago  (edited)

At this time I will explain how to make HTML form form usually used to collect data Start from to login, contact from, from for registration of user. For more details please follow the steps below :

What Will I Learn?

  • Will display the form of the registrar user form
  • You will use the basic form of HTML language to build a WEB
  • Learn the basic Tags you will use to create form in HTML

Requirements

  • You must have basic HTML knowledge
  • You must have Notepad and browser learn this tutorial.

Difficulty

  • Basic

Tutorial Contents

In this tutorial I will discuss creating a user registration form. The form is usually used to collect data form our web visitors. so that can generate form registrant user then follow tutorial below :

The basic tags we will use to create a form in HTML are form tags, inputs, textarea, select and options and I will explain what is the form tag, input, textarea, select and option. so you understand in the element that I will give in this tutorial.

tag form

The form must be inside the HTML and in the form tag, beginning with and ending with </ form> The form tag will require attributes to work properly.

The basic structure of the form will look as follows :
11.JPG

The get method and post method method is if we fill the method attribute with get which is the default value if the method attribute is not written then the form field will be visible on the browser url.

What is the tag?

Input tag are the most tags used in the form and have many forms, ranging from plain text fields, text passwords, checkboxes, radio, to the submit button all in the form of tags.

I will give an example of a form of an input Tag group like.

or can use is an ordinary input textbox that accepts text input, for example used for input name, username, and input in the form of short text. Input type text can also have a value attribute that can be filled the initial view value of the text

####What is the tag

A select tag is used for a value-for-value input, and the user can only select from an existing value. The tag select is used together with the option tag to create a selection box.

Examples of use of select tags are:
12.JPG

When your form is submitted for processing, the value of the tag will be sent. This value is in the form of text and between the option tags, unless you want to provide the attribute value. If the value attribute contains a value, then the value of the value will be sent. The presence or absence of this value attribute will not be present in the form view.

####selected
The select tag also has the selected attribute that can be added so that the select tag contains the initial value. I will member Examples of its use are as follows:
13.JPG

####What Iu Attribute: Name

Any tagged input in the form should be added to the name attribute to be processed by the web server. In the process page which is usually a PHP or ASP language the value of this name attribute will be the form variable.

And Examples for the way the works are as follows:
144.JPG

####This is the last stage of a Registrant Form
I will collect all the HTML Tag form I have discussed above. Then I will create an HTML Form. Please open notepad and write the HTML code. And do not forget to save first to form.html format.
sfs.JPG

Results

form.gif

Curriculum

  • the next tutorial



Posted on Utopian.io - Rewarding Open Source Contributors

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

good post. I am a student and I am learning to program web applications. I follow you and vote and I hope the same. good day

Ok thank you

keren... ;)

Peu keren ie peu gah html. Hanjeut

Your contribution cannot be approved because it does not follow the Utopian Rules.

  • HTML is usually not considered a software language, it is very simple and does not have an official github repository.

You can contact us on Discord.
[utopian-moderator]