Learn Input Types In HTML for Login And Register Form

How To Create Input Types in HTML

buayaberdiri.blogspot.com - When we want to create a website or application, sometimes we need a form such as a registration form, login form, information form, forgot password form and others.

In HTML it supports adding forms which I mentioned earlier. To create the form, in html we can use the <input> code, this code has an attribute that allows you to choose whatever type you want to use. And the result displayed from this <input> is a rectangle whose height and width we can adjust according to our needs. 


There are several types of html input that we discuss, namely:

1. Text Input Types
2. Email Input Types
3. Password Input Types
4. Date Input Types
5. File Input Types
6. Submit Input Types

1. How To Add Input Type Text in HTML

Name : <input type="text" name="type your ID" id="IdName" placeholder="Type your Name or ID">

Inside the <input> code there are several attributes such as type, id, placeholder, name, and css code such as style that you can use to change the color, form height and form width.

The most important thing for creating a text form is the attribute type = "text" , which is used to make the input text look like letters.

2. Added Email Input Type in Form

Email : <input type="email" name="Email" id="Mail" placeholder="Type your Email">

To fill out the email form, you need the attribute type="email". Filling in this email address is usually used in the login form to enter a certain website or application account.

Or also when registering an account on the website and forgetting the password.

3. Make Password Form in Input HTML

Password : <input type="password" name="passwordAccount" id="passwordAccount">

To create a login or registration form, you usually need a password form for account security or for only certain people to access certain accounts.

In html it supports password filling form in <input> code. Inside the <input> code we can select the attribute type="password".

4. Selecting a Date on the Input Form

Born : <input type="date" name="BornDate" id="Age">

Usually on the registration form we choose a date to fill in the date of birth, or another date. In html input it supports attribute type="date". The website will generate a date selection form which is modeled by default from html.

5.Create File Upload Forms in HTML

Portofolio File : <input type="file" name="ChooseFile" id="FileSelect">

In the registration form, maybe you need a form to upload files such as photos, CV job applications, certain document forms and others.

HTML supports uploading files in the <input> code, by writing the type="file" attribute, you can save documents uploaded by users on the database server or displayed on web pages.

6. Using the Submit Button On an Input Type in HTML

<input type="submit" value="Login">

In the login or registration form, usually when you have finished filling out the form, you need a submit button to complete the login or registration.



There are several types of html input that are not discussed, but you can try, such as:

1. Button Input Types
2. Checkbox Input Types
3. Color Input Types
4. Datetime Input Types
5. Datetime-local Input Types
6. Hidden Input Types
7. Images Input Types
8. Month Input Types
9. Number Input Types
10. Radio Input Types
11. Reset Input Types
12. Range Input Types
13. Search Input Types
14. Time Input Types
15. Url Input Types
16. Week Input Types

You can learn HTML here

List of Article Posts https://buayaberdiri.blogspot.com