Desigining a Simple Form in Html

Simple form

Today in this Html tutorial we will learn to design a simple Html form where you will have different fields in which you can insert data.

  • For desigining an Html form follow the steps given below :

  1. Create a new folder and name it whatever you want.
  2. In that folder, create two more folders and name them CSS and images respectively
  3. In CSS folder create a text document and name it style.css
  4. In images folder paste the images you want to use in your html document.
  5. Now open Notepad++ and write the following code n it :

  6. After writing the code your window will look like as shown below

  7. Now save your document as index.html
  8. Now open the style.css text file that you have created in the CSS folder and write the following code in it.

  9. Now save it.

  10. Now run your index.html file and you will have the following output.

  11. Now you can insert the data into that form
  12. After inserting the data you will have the following display.

  13. Thus we have designed an Html form.


Please enter your comment!
Please enter your name here