Tuesday 29 November 2011

HTML Tutorial - 8

How to Draw a border around form-data in Html Script ?

Solution :
Step 1: Go to Notepad.
Step 2: Copy the HTML script below to the notepad.
 


<html>
<body>

<form action="">
<fieldset>
<legend>Personal information:</legend>
Name: <input type="text" size="30" /><br />
E-mail: <input type="text" size="30" /><br />
Date of birth: <input type="text" size="10" />
</fieldset>
</form>

</body>
</html>


Step 3: Now save the file with .html format.
Step 4: Close the notepad and now open the saved file in your default browser .

That's it ! 
You will see like the below picture in your browser to enter
your Name, E-mail, Date of birth.

Click on blank field to enter your Name, E-mail, Date of birth.
 

No comments:

Post a Comment

Newest