Wednesday, September 7, 2011

Attractive Feedback form with HTML

How to make attractive Feedback form with HTML?

<html>
<head>
<title> feedback form </title>
</head>
<body bgcolor="#FFC4FF" text="#3929E4">
<img src="http://www.oocities.org/mi3sa7335518/imagebuttons/feedback.gif" height="150" width="330" alt="feedback"</body>
<p> please help us</p>
<form method="post" action="
form_action.asp
">

<table>
  <tr> 
       <td class="lable" ><font size="4">Your Name </td>
     <td class="form"> <input name="name" type="text"/> </td>
  </tr>
             <tr height="10"></tr>
  <tr>
        <td class="lable"><font size="4">Email </td>
        <td class="form"><input name="email" type="text" /></td>
  </tr>
  <tr>
  <td class="lable"><font size="4"> Are you </td>
  <td class="label">
           Student <input type="radio" name="work" value="student" />
  Jod<input type="radio" name ="work" value="professional"/>
 <br/>
Mail <input type="radio" name="gender"  value="Male" />
Femail<input type="radio" name="gender" value="Female" />
<br/>
Mobile no.<input type="checkbox" name="mobile"value="mobile" />
phone no. <input type="checkbox" name="phone" value="phone"/>
  </td>
  </tr>
  <tr >
  <td class="lable"><font size="4"> other</td>
  <td class="form"><input name="other" type="text"/> 
  </td>
  </tr>
  <tr>
  <td class=";lable"><font size="4"> Message</td>
  <td class="form"><textarea  cols="50" rows="7" name="message" type="text"></textarea></td>
  </tr>
  
  <tr>
  <td></td>
  <td><input type="image"(you can also use summit in the place of image, for default summit button  ) name="summit" src="http://www.winningfacts.com/wp-content/uploads/2011/03/SubmitBut.jpg" height="50" width="100"/></td>
  </tr>
</table>
</form>
</html>
(NOTE- This example is not connected with data base. I  tell you about connectivity in css. Here I just tell you how to make form in HTML.How to insert image and so on. )
OUTPUT-
feedback form
please help us
Your Name
Email
Are you Student Jod
Mail Femail
Mobile no. phone no.
other
Message

No comments:

Post a Comment