isuru sandaruwan.week3-task1.txt

<!DOCTYPE html>
<html>
<body>
<head>
<style>
	
	body {font-family: Arial, Helvetica, sans-serif;
		text-align: center;}
* {box-sizing: border-box;}

</style></head>
<h3>Contact Form</h3>

<div class="container">
  <form action="/action_page" method="post">
    <label for="fname">First Name</label><br>
    <input type="text" id="fname" name="firstname" placeholder="Your name.."required pattern="[a-zA-Z][a-zA-Z0-9\s]*">
<br>
<br>
    <label for="lname">Last Name</label><br>
    <input type="text" id="lname" name="lastname" placeholder="Your last name.."required pattern="[a-zA-Z][a-zA-Z0-9\s]*">
<br>
<br>
<label for="email">Email</label><br>
    <input type="text" id="email" name="email"  placeholder="Your Email.."required pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$">
<br>
<br>
<label for="dob">date of birth</label><br>
    <input type="date" id="dob" name="dob"  placeholder="dob.."required>
<br>
<br>
<label for="no">contact no</label><br> 
<input type="nomber" id="no" name="no"  placeholder="contact no.."required pattern="[0-9]+">
<br>	
<br>	
    
    <label for="country">Country</label><br>
    <select id="country" name="country">
      <option value="australia">Sri-lanka</option>
      <option value="canada">India</option>
      <option value="usa">USA</option>
    </select>
<br>
<br>
    <label for="subject">Subject</label><br>
    <textarea id="subject" name="subject" placeholder="Write something.." style="height:200px"required pattern="[a-zA-Z][a-zA-Z0-9\s]*"></textarea>
<br>
<br>
    <input type="submit" value="Submit">
  </form>
</div>
</body>
</html>
