• - -
  • Home
  • Asp.net
  • Jquery
  • Ajax
  • Sql Server
  • Social Api
  • Win Forms
  • Contact Us
  • Change textbox background color after focus in jquery in Html or Asp.net page

    HTML:

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head id="Head1" runat="server">
      <title></title>
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
      <script type="text/javascript">
      $(document).ready(function () {
      $('.txt').focusin(function () {
      $(this).css("background-color", "#fff4d8");
      });
      $('.txt').focusout(function () {
      $(this).css("background-color", "#FFFFFF");
      });
      });
      </script>
    </head>
    <body>
      <form id="form1" runat="server">
      <div>
      <h1>Change Text Box Background Color On Focus</h1>
      <table>
      <tr>
      <td>User Name:</td>
      <td><asp:TextBox ID="txtName" CssClass="txt" runat="server"></asp:TextBox> </td>
      </tr>
      <tr>
      <td>Email:</td>
       <td><asp:TextBox ID="txtEmail" CssClass="txt" runat="server"></asp:TextBox></td>
      </tr>
      <tr>
      <td>Mobile:</td>
      <td><asp:TextBox ID="txtMobile"  CssClass="txt" runat="server"></asp:TextBox></td>
      </tr>
      </table>
      </div>
      </form>
    </body>
    </html

    Demo :


    Category:  Asp  .Net  ,Jquery  ,JavaScript  

    Demo


Recent Post

  • SQL server insert multiple rows with one statement
  • QR code generator in asp.net
  • COVID-19 Live updates of the world through api
  • Using Canvas to save Signatures as image using jQuery
  • Geo Location Demo using IP Address in jQuery
  • AJAX UpdateProgress in ModalPopupExtender in ASP.Net
  • Find waypoints between two cities using Google Map API
  • Remove Last Comma from String in jQuery
  • How we Create fibonacci series In sql server
  • How To Escape % Sign From Like Command in SQL Server
  • Add/Remove Items from One CheckBoxList to other using C#
  • Change textbox background color after focus in jquery in Html or Asp.net page
  • Display Image preview before upload in Asp.net or HTML and Jquery
  • Maintain scroll postion on Div after postbach in asp.net
  • Asp.Net Dynamically Change (Add) Meta Tags or Page Title & Description in C#
AspdotnetCode

Tags

Asp.Net

Jquery

Json

JavaScript

Tricks

Tips

RadioButtonList

ListBox

Polymorphism

CheckBoxList

LightBoxEffect

DataGridview

YouTube

web.config

Progressbar

Google MAPS

AutoComplete

Windows

News

Article

Error

SqlServer

Plugins Errors

AjaxAsyncFileUpload

validations

Twitter

Windows Service

DatePicker

ExportGridviewData

Statistics

Header on Scroll

Accordion Menu

Global.asax

ToolTip

Modalpopup

  • Home
  • |
  • About Us
  • |
  • Contact Us
Visitor Counter