Heim > Artikel > Web-Frontend > Das einfachste Suchfeld mit Symbolen
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>
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!