How To Create a Registration Form in HTML From - Study24x7
Social learning Network
study24x7

Default error msg

Login

New to Study24x7 ? Join Now
Already have an account? Login

How To Create a Registration Form in HTML From

Updated on 04 June 2020
study24x7
Daya Choubey
6 min read 7 views
Updated on 04 June 2020

HTML is the standard code used to make most web pages and web apps. But like most programming languages, there’s a steep learning curve, especially if you’ve never touched any coding in your life.

Fear not, we’re going to change that. With some simple examples, you’ll be ready to create a basic registration form using HTML. Let’s get started.


Step 1: Choose a HTML editor


First of all to create HTML code, you’ll need an HTML editor. There are dozens on the market and many are free to download.

Here is Popular editors include:

  1. Notepad
  2. Codepen
  3. Notepad ++
  4. Kompozer
  5. Sublime Text
  6. NetBeans
  7. CoffeeCup
  8. Phase 6 HTML Editor
  9. VS code

All of these editors have large interfaces that enable you to manually enter the code.


Step 2: Create a new file with .HTML extension


The next step is to tell your operating system that you intend to create a new HTML file. Do this by creating a new file and then saving it with the .html extension. It’s easy just type the file name (whatever you choose), and then follow it with .html. For example: [myfile.html].


Step 3: Type <html> into the editor


This command tells the editor that you intend to create HTML code, and it will automatically generate the following code for you. you will have to use this tags for all.


<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>


Step 4: Fill in the fields and create the form

Once you’ve reached this stage, the next step is to start filling in fields outlined by the above template and create the form.


Type:


<!DOCTYPE html>
<html>
<head>
<h1> Company Registration Form</h1>
</head>
<body>
<form>
<table>
<tr>
<td>
Email Address:
</td>
<td>
<input type=”text” email=””>
</td>
</tr>
<tr>
<td>
Password:
</td>
<td>
<input type=”Password” name=””>
</td>
</tr>
</table>
</form>
</body>
</html>


Here's what this basic code will produce:[Preview]



Step 5: Add placeholders


A placeholder is text inside your form's fields that's prompts users to respond to each field in a particular way. Here's how you can easily add prompt texts to your HTML form:


<!DOCTYPE html>
<html>
<head>
<h1> Company Registration Form</h1>
</head>
<body>
<form>
<table>
<tr>
<td>
Email Address:
</td>

<td>
<input type=”mail” placeholder=”Email” name=””>
</td>
</tr>


Typing in this new code will produce a form like this:




Note: Follow our page (https://www.study24x7.com/page/htmlandcss ) to keep yourself better skill with latest updeted on HTML and CSS.

study24x7
Write a comment...
Related Posts