Le champ de recherche le plus simple avec des icônes-js tutoriel-php.cn

Le champ de recherche le plus simple avec des icônes

php中世界最好的语言

Libérer： 2018-03-08 11:29:30

original

1846 Les gens l'ont consulté

Cette fois, je vous apporte la plus brève introduction au champ de recherche avec des icônes. Quelles sont les précautions lors de la création d'un champ de recherche avec des icônes. Voici un cas pratique, jetons un coup d'oeil.

Le champ de recherche le plus bref avec des icônes

<!DOCTYPE html>
<html >
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css">
        form>input[type="search"]{
            height: 50px;
            padding: 10px;
            padding-left: 50px;
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6%2BR8AAAAlElEQVR42oWQQRHEIAxF10ElVAISVgo3bCABCUhYCZWAhEpAQpoD6bzJhNnDO0DyyA8fEXkppXyVCpLViDUfyqVIQN9JFMY637hrlCySFauL21E7KVWbAIGx56rnSLqc5KPXSLo3kySalPhTygFhRDtFC09EIsMeZJSGBj7Qveh3OJW89syImiH%2BIO2BOJX0XwA2%2BQEL4pAhSX4aBQAAAABJRU5ErkJggg%3D%3D);
            background-repeat: no-repeat;
            background-size: 30px 30px;
            background-position:10px ;
            font-size: 20px;
            border: 1px #989898 solid;
        }
    </style>
</head>
<body>
    <form >
        <input type="search" />
    </form>
</body>
</html>

Copier après la connexion

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur. le site PHP chinois !

Lecture connexe :

Fonction de téléchargement de clic d'image simple

JS peut-il capturer la vignette vidéo taguée d'une vidéo ?

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!