Solution to the problem of text position jumping when the search text box leaves the focus

When setting the text in the search text box, the position jumps when leaving the focus

Copy code

The code is as follows:

//Search text box
$("#txtSearch").focus(function () {
if ($(this).val() == "Please enter the search keyword") {
$(this).val("");
$(this).css("color", "black");
}
}).blur(function () {
if ($(this).val() == "") {
$(this).css("color", "gray").val("Please enter the search keyword");
}
});

Add in css

Copy code

The code is as follows:

#txtSearch
{
width:480px;
height:20px;
vertical-align:middle;
}

Solve the problems that need to be paid attention to when configuring Tomcat's maxPostSize attribute

Blog

Solution to the problem of text position jumping when the search text box leaves the focus

vue.config.js packaging optimization configuration

The difference between div and table in speed, loading, web application, etc.

MYSQL METADATA LOCK (MDL LOCK) theory and lock type test

Some ways to solve the problem of Jenkins integrated docker plugin

Solution to 404 Problem of Tomcat Installation in Docker

A brief discussion on the definition and precautions of H tags

Summarize the commonly used nth-child selectors

Solve the problems that need to be paid attention to when configuring Tomcat's maxPostSize attribute

Tutorial on how to install and use Ceph distributed software under Linux

Introduction and use of triggers and cursors in MySQL

Recommend

JavaScript using Ckeditor + Ckfinder file upload case detailed explanation

Problem of retrieving root password in MYSQL 5.7 under Linux (tested and available)

Ubuntu Server Installation Tutorial in Vmware

How to regularly clean up docker private server images

Detailed explanation of Linux tee command usage

Pitfall notes of vuex and pinia in vue3

How to install theano and keras on ubuntu system

React Diff Principle In-depth Analysis

Detailed analysis of the MySQL slow log opening method and storage format

Example analysis of mysql variable usage [system variables, user variables]

Vue3 Documentation Quick Start

Detailed explanation of the solution for migrating antd+react projects to vite

Solution to the problem that the docker container cannot be stopped

A simple LED digital clock implementation method in CSS3

Detailed explanation of JQuery selector