;
Home HTML Input Types

Learn Input Types In HTML for Login And Register Form

How To Create Input Types in HTML


How To Create Input Types Text Email Password Submit 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

Jamal Thursday, December 22, 2022 Tags: HTML, Input Types