Showing posts with label HTML. Show all posts
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="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

What is form in HTML?

What is form in HTML?
Form is use to make inter-phase between user and web-server.
                                         OR
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
OUTPUT-
First name:
Last name:

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.)

Use frame in HTML

HOW to use frame in HTML with example?
<html>
<head>

<title>use frame</title>
</head>
<!-- outer frameset -->

<!-- cols for vertical divisions -->

<frameset cols="100,*" >

<frame src="frame-a.html" />

 <!-- right frame is another frameset -->

  <!-- rows for horizontal divisions -->

<frameset rows="100,*">

<!-- top frame -->

<frame src="frame-b.html"/>

<!-- bottom frame -->

<frame src="frame-c.html">
</frameset>
<body>


</body>
</frameset>
</html>
   (NOTE-    <!--This is a comment. Comments are not displayed in the browser-->  )
OUTPUT- (Three frame in one window )use frame

Frame in HTML

What is frame in HTML?
Each and every HTML document is called frame and each frame is independent to each other.
  FRAME- The <frame> tag defines one particular window (frame) within a frameset.
  FRAMESET- The frameset element holds one or more frame elements. Each frame element can hold a separate document.

( NOTE- With frame you can display more than one HTML page in one browser with same window.)

Tuesday, August 30, 2011

Type of list in HTML

How many type of list in HTML ?
There are three type of list in HTML
1-Unordered- list
2-Ordered-list
3-Definition-list

Monday, August 29, 2011

Hyper link in HTML

A Simple Document
 How to create hyper link in HTML?


<html>

<head>


<title>

  A Simple Document

</title>


</head>


<body bgcolor="#006969">


  <p >You are moving miles apart on a long winding road but you are always in my heart since this is where you  Do stay in touch.<br/>


   <a href="http://www.google.co.in"target="-blank" title= "for any thing"> google </a>


  </p>


<a href="http://www.google.co.in" title= "for any thing"> google </a>


</body>


</html>
(NOTE- <a> A tag Defines an anchor.)

OUTPUT-

You are moving miles apart on a long winding road but you are always in my heart since this is where you Do stay in touch.
google
google

Tuesday, August 23, 2011

What is HTML ?

1 HTML is hyper text markup langusge
2 Base upon SGML (standard generalized markup language)
3 Hyperlinks fueled growth
4 HTML 4 grew from need for presentation