Showing posts with label HTML. Show all posts

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="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

What is form in HTML?

What is form in HTML?

Form is use to make inter-phase between user and web-server.

HTML forms are used to pass data to a server

eg-

<form action="form_action.asp" method="get">
First name: <input type="text" name="fname" /><br />
Last name: <input type="text" name="lname" /><br />
<input type="submit" value="Submit" />
</form>

Notes on the "get" method:

This method appends the form-data to the URL in name/value pairs
This method is useful for form submissions where a user want to bookmark the result
There is a limit to how much data you can place in a URL (varies between browsers), therefore, you cannot be sure that all of the form-data will be correctly transferred
Never use the "get" method to pass sensitive information! (password or other sensitive information will be visible in the browser's address bar)

Notes on the "post" method:

This method sends the form-data as an HTTP post transaction
Form submissions with the "post" method cannot be bookmarked
The "post" method is more robust and secure than "get", and "post" does not have size limitations

Thursday, September 1, 2011

IFRAME use in HTML

How IFRAME use in HTML with example?
<html>

<head>
<title> iframe Example </title>
</head>

<body bgcolor="#ffffff">

<h1> iframe example </h1>
<p> The following content is in an iframe: </p>

<iframe src ="http://tutorial.fileworld.in/" width="500" height="400" style="border: 1px solid #666">

</iframe>

</body>
</html>
(NOTE-<h1> tag is for heading. Use source attribute in font of IFRAME SRC like <iframe src ="source attribute" width="400" height="100" style="border: 1px solid #666">)

OUTPUT- iframe Example

iframe example

The following content is in an iframe:

IFRAME in HTML & use

What is iframe in HTML & where it is use?
The <iframe> tag defines an inline frame that contains another document.

IFRAME is mostly used for bunch of stuff, for privacy policy, for terms and conditions or something like that.

(NOTE-The <iframe> tag is supported in all major browsers.)

Your Name
Email
Are you	Student Jod Mail Femail Mobile no. phone no.
other
Message