|Join Nairaland / LOGIN! / Trending / Recent / New|
Stats: 2,865,781 members, 6,876,887 topics. Date: Monday, 23 May 2022 at 03:21 PM
Download Ajax Contact Form With Bootstrap, Semantic UI, Forms V1.1 Free / Who Will Put Social Login And Register Facebook, Google, Twitter On My Blog / ⭐⭐⭐⭐⭐ Youwin.org.ng Domain Name Is Now For Sale. Grab it! (2) (3) (4)
|How To Create Login And Register Form With Html Www.niyimarc.org.ng by niyimarc(m): 3:25am On Sep 12, 2018|
If you want to learn how to design websites, HTML is what is good to start with because its the basic language used in designing websites, one of the thing you should learn in HTML is how to create a form, which am going to show you how it works. If this is your first time of writing HTML document, you can call me on 09032282484 I'll put you through for free. To create a login form we make use of "input" tag,
<input type="text" name="" placeholder="" required />
Step 1. We define the type: The type can in form of text, number, password, button, checkbox, date, radio, email, file etc.
If it's in form of number, that is if you want to ask for the user phone number the type="number" .
When it's in form of letter, that is if you want to ask for the user name or any information that is in a text format type="text"
If its email you want to receive from user type="email"
If it's password you want the user to input, it has to be hidden and that is why the "password" type have to be used. eg; type="password"
There are more "type" value that we cannot mention all
Step 2. We define the name: You can give your form any name. Note that the name you give your form will be used while creating your data base and linking it with the PHP script.
Step 3. We define the placeholder though the placeholder is not compulsory: This is the text that show as the default value in the field e.g placeholder="Enter a valid email address"
Step 4. We can also make the form compulsory by adding "required": If you don't want the user to skip any field, then you add the required..
Take a look at the typical example of what I have explained.
<input type="text" name="firstname" placeholder="Enter your firstname" required /><br /><br />
<input type="text" name="lastname" placeholder="Enter your lastname" required /><br /><br />
<input type="text" name="username" placeholder="Choose your username" required /><br /><br />
<input type="date" name="dob" placeholder="Date of birth" required/><br /><br />
<input type="email" name="emailaddress" placeholder="Email address" required /><br /><br />
<input type="password" name="password" placeholder="Enter a new password" required/><br /><br />
<textarea name="address" placeholder="Home address" ></textarea><br /><br />
<input type="submit" name="submit" value="Sign up" /><br /><br />
You are free to copy and paste this code to test and see the result. You can also visit www.niyimarc.org.ng for more updates
|Sections: politics (1) business autos (1) jobs (1) career education (1) romance computers phones travel sports fashion health |
religion celebs tv-movies music-radio literature webmasters programming techmarket
Nairaland - Copyright © 2005 - 2022 Oluwaseun Osewa. All rights reserved. See How To Advertise. 46