Es gibt viele Möglichkeiten, ein Suchfeld zu schreiben. Das Suchfeld ist ein relativ detaillierter Job, und Sie müssen zuerst seine Höhe und Breite berechnen.
Lassen Sie mich das JD -Suchfeld als Beispiel nehmen, um Ihnen eine kurze Analyse zu geben.
Das obige ist das endgültige Suchfeld.
Senden Sie den Code zuerst >>>>>>>>
<span style = "color: rgb (255, 0, 255); Schriftgröße: 18PT;"> <strong> HTML-Tag: </strong> </span> <div> <Formular> <Eingabe-Typ = "Text" name = "such" placeholder = "Suchpraxis"> <button> Such </----- </form> </div> css stil: .center_child1 {width: 538px; Höhe: 36px; Überlauf: Hidden; Grenze: 2PX Solid #Bd1d17;}. Center_Child1 Eingabe {Breite: 456px; Höhe: 24px; float: links; Polsterung: 6px 2px; --------------------------------------------------------------------------------------------------------------------------------------------------------- ------ Lassen Sie die Hintergrundfarbe der Eingangsbezeichnung transparent sein. Grenze: Keine; --------------------------------------------------------------------------------------------------------------------------------------------------------------------- Taste {Breite: 76px; Höhe: 36px; Float: Right; Hintergrund:#bd1d17; Rand: Keine; Farbe: #fff; Schriftgröße: 15px;}Zusammenfassung: Ein Suchfeld enthält drei Hauptteile, einer ist das Eingabefeldteil (die linke), das andere ist der Suchstastenteil (das rechte) und eine die beiden großen Divs, die sie enthalten;
1. Setzen Sie zuerst die Breite, Höhe und Randfarbe der großen Div. Dies muss im Voraus basierend auf den persönlichen Bedürfnissen berechnet werden.
2. schweben Sie die linke Seite des Eingangs (Eingangsbox -Teil) jeweils; Schweben Sie die rechte Seite des Tastens (Taste), denken Sie daran, Überlauf zu verwenden: versteckt; Attribut für große Divs;
3. Stellen Sie die Höhe und Breite des Eingangs ein. Denken Sie daran, Padding zu verwenden, um seinen Höhenwert zu unterstützen, damit es beim Betreten der Schrift nicht an den Rand haftet und die Schönheit erhöht. Wenn der Breitenwert links leicht hinzugefügt wird, für die Schönheit.
Das obige ist der Weg, um das vom Editor vorgestellte Such -Suchfeld zu schreiben. Ich hoffe, es wird Ihnen hilfreich sein. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Editor wird Ihnen rechtzeitig antworten. Vielen Dank für Ihre Unterstützung auf der Wulin.com -Website!