Saturday 15 November 2014

How to make a form in html

Structure of the Problem Requirements 

In this problem we will you make a simple form in html. in simple form you can include some label and text input areas and there is some buttons. In our example we have  3 labels and and then there is some input text area and we are also used radio buttons for optional choice. Hence we make a simple form that is understandable for beginners. .Here is the source code of this web page which help you in better understanding. 


SOURCE CODE



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
   <title> An Developer </title>

</head>
<body class="bod">

      <div id="header">
          <h1> An Developer </h1>
      </div>

<div class="dat">
   <form class="feed" action="">
   <h2>FeedBack</h2>
 
   <div class="fo">
   <fieldset>
   <legend>Enter Your Feedback</legend>
   <p>
   <label>Full name</label>
      <input type="text" name="fn" value=""/>
   </p>
   <p>
   <label>Qualification</label>
      <input type="checkbox" name="b1"/>Masters
 <input type="checkbox" name="b2"/>Bachelor
      <input type="checkbox" name="b3"/>Intermediate
      <input type="checkbox" name="b4"/>Secondary

   </p>
   <p>
   <label>Content</label>
      <input type="checkbox" name="cb1" checked="checked"/>Helpful
 <input type="checkbox" name="cb2"/>Medium
      <input type="checkbox" name="cb3"/>not Helpful
      <input type="checkbox" name="cb4"/>Difficult Procedure

   </p>
   <p>
  <input type="submit" value="send FeedBack"/>
  <input type="reset"  value="reset"/>
 </p>

 </fieldset>
 </div>
 </form>
 

   </div>
  </div>
</div>
</body>
</html>

OUTPUT OF THE PROGRAM

How to make a form in html
Form in html 


Share it Please
asad

About Author!

Asad Niazi is Software Engineer , Programmer, Web Developers and a young mentor of Tech Solutions Desk and Blogging Solutions . Asad Love to writes about Technology, Programming, Blogging and make money online.

0 comments:

Post a Comment