Есть много способов написать поле поиска. Поле поиска является относительно подробной задачей, и сначала вы должны рассчитать его высоту и ширину;
Позвольте мне взять поле для поиска JD в качестве примера, чтобы дать вам краткий анализ.
Приведенное выше - окончательный поле поиска.
Отправьте код первым >>>>>>
<span style = "color: rgb (255, 0, 255); font-size: 18pt;"> <strong> тег HTML: </strong> </span> <div> <form> <input type = "text" name = "search" Placeholder = "Precary Practice"> <tood> search </button> ------- Как jd.com, другие веб-сайты, такие как Baid </form> </div> css style: .center_child1 {width: 538px; высота: 36px; переполнение: скрыто; граница: 2px solid #bd1d17;}. Center_child1 input {ширина: 456px; высота: 24px; Плавание: осталось; Заполнение: 6px 2px; ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ------ Пусть цвет фона входной метки будет прозрачным. граница: нет; ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Схема: нет; размер шрифта: 16px;}. Center_child1 Кнопка {ширина: 76px; высота: 36px; float: справа; фон:#bd1d17; граница: нет; цвет: #fff; font-size: 15px;}Резюме: в окне поиска есть три основные части, одна - часть ввода (слева), а другая - часть кнопки поиска (справа), а одна - два больших DIV, содержащих их;
1. Сначала установите ширину, высоту и границу цвета большого дивирования. Это должно быть рассчитано заранее на основе личных потребностей.
2. Плоть левой стороной входной (часть входной части) соответственно; Поплатите правую сторону кнопки (часть кнопки), не забудьте использовать переполнение: скрыто; атрибут для больших DOV;
3. Отрегулируйте высоту и ширину входа. Не забудьте использовать прокладку для поддержки его значения высоты, чтобы она не придерживалась границы при входе в шрифт, увеличивая красоту; Если значение ширины немного добавлено слева, для красоты.
Выше приведено способ написать поле поиска, представленное вам редактором. Я надеюсь, что это будет полезно для вас. Если у вас есть какие -либо вопросы, пожалуйста, оставьте мне сообщение, и редактор ответит вам вовремя. Большое спасибо за вашу поддержку сайту wulin.com!