Tuesday 17 April 2012

Add tool tip text to HTML elements



Hi friends ,
Have you Think about giving tool tip text to HTML elements?
Today I am going to discuss add tool tip text to HTML elements.OR add a short descriptions to
links or buttons in HTML
.OR the use of title attribute in HTML.

      Tool tip text is defined as a short description given to a link or button which gives information
about what the link is for.
      title attribute is used to create a tool tip text(Not the <title> tag). Just like other attributes type like this
tiltle="description".

1. For add a tool tip to a link

<a title="Link to Google" href="www.google.com">This is a link</a>


The resultant screenshot is given belove :-







2. For add a tool tip to a Button


<input type="button" title="This is a button"value="Button">


The resultant screenshot is given belove :-

 


3. For add a tooltip to a Textbox :-


<input type="text" title="This is a Textbox">


The resultant screenshot is given belove :-



The title attribute is not valid in: <base>, <head>, <html>, <meta>, <param>, <script>, <style>, and <title>.
Hope that this post is helpful to you.
  By Sukesh B R

No comments:

Post a Comment

Search This Blog