Business & Finance Advertising & sales & Marketing

How to Register Users on a Website

    • 1). Launch your HTML editor. If you don't have this specific type of software, you can always use TextEdit (Mac) or Notepad (PC). Both come installed on Apple or Windows operating systems.

    • 2). Select "File" and "New" from the program's navigation menu to create a new HTML document. A blank screen will appear.

    • 3). Type <form> </form> within the <body> </body> tags to being building your registration form. All of the code for your form should be contained within the open and closed form tags.

      You will need to obtain an action script URL from your hosting provider to implement within the open form tag. After a user enters their information and clicks "Submit," the action script decides where the information goes. This is how a proper open form tag should look with the action script:

      <form name="formmail" action="/cgi-bin/formmail/formmail.cgi" method="post">

      Replace "/cgi-bin/formmail/formmail.cgi" with the URL provided from your web host.

    • 4). Add text fields. There are two main types of text fields that can be used to create a registration form:

      Text Field: A one-line field where text can be input.

      Example Code: <input type="text" name="name" />

      Text Area: A multi-line field where text can be input.

      Example Code: <textarea name="comments" cols=40 rows=6>

    • 5). Add buttons. Every form should have "Submit" and "Reset" buttons. These allow a user to send their information or clear the form to start fresh.

      Submit: <input type="submit" value="Submit">

      Reset: <input type="reset" value="Reset">

      Here's the complete form:

      <form name="formmail" action="/cgi-bin/formmail/formmail.cgi" method="post">

      Name: <input type="text" name="name" />

      Phone Number: <input type="text" name="phone" />

      Feedback: <textarea name="feedback" cols=40 rows=6>

      <input type="submit" value="Submit"> <input type="reset" value="Reset">

      </form>

      Notice the "name" portion of each of the codes is renamed to suit the exact data each field is collecting. For the TextArea, adjust the "cols" (width) and "rows" (height) number to your liking. Break tags () were also added after the "Name," "Phone Number" and "Feedback" tags to separate each field.

    • 6). Save your HTML document. Upload the file to your web server. Test the registration form out before linking to it.

Leave a reply