Project 2- webpage markup 2

This project has asked me to create an intake form which is quite practical for any businesses and organisations who wish to collect clients' databases in order to create a niche or a fan base. 

1. <form action="http://www.example.com/cg/register" method="post">

2.        <label for="titleBox">Title</label>

3.        <input name="title" id="titleBox" type="text" list="titleList" />

4.        <datalist id="titleList">

5.        <option value="Mr." />

6.        <option value="Mrs." />

7.        <option value="Ms." />

8.        <option value="Prof." />

9.        <option value="Dr." />

10.        <option value="Assist. Prof." />

11.        <option value="Assoc. Prof." />

    These option value is

A key ingredient for this project is to validate the information, especially important information like email and phone number which people often have typos, also to prevent spams from bots. 

input#fnBox:focus:valid,

input#lnBox:focus:valid,

input#addBox:focus:valid,

input#mailBox:focus:valid,

input#phoneBox:focus:valid,

input#idBox:focus:valid {

 background: rgb(220, 255, 220) url(cg_valid.png) bottom right/contain

   no-repeat;