Das einfachste Suchfeld mit Symbolen-js-Tutorial-php.cn

Das einfachste Suchfeld mit Symbolen

php中世界最好的语言

Freigeben： 2018-03-08 11:29:30

Original

1889 Leute haben es durchsucht

Dieses Mal gebe ich Ihnen eine kurze Einführung in das Suchfeld mit Symbolen. Was sind die Vorsichtsmaßnahmen, wenn Sie ein Suchfeld mit Symbolen erstellen?

Das kürzeste Suchfeld mit Symbolen

<!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>

Nach dem Login kopieren

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln die chinesische PHP-Website!

Verwandte Lektüre:

Einfache Bildklick-Upload-Funktion

Kann JS das getaggte Video-Thumbnail eines Videos erfassen?

Das obige ist der detaillierte Inhalt vonDas einfachste Suchfeld mit Symbolen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!