Hay muchas formas de escribir un cuadro de búsqueda. El cuadro de búsqueda es un trabajo relativamente detallado, y primero debe calcular su altura y ancho;
Permítanme tomar el cuadro de búsqueda de JD como ejemplo para darle un breve análisis.
Lo anterior es la representación final del cuadro de búsqueda.
Envíe el código primero >>>>>>>
<span style = "color: rgb (255, 0, 255); font-size: 18pt;"> <strong> etiqueta html: </strong> </span> <div> <form> <input type = "text" name = "search" PlaceHolder = "Search Practice"> <botte> Search </Button> ------- como jd.com, otros sitios web, como Baidu: se usan por <pying type ". </form> </div> estilo CSS: .center_child1 {ancho: 538px; altura: 36px; desbordamiento: oculto; borde: 2px sólido #bd1d17;}. center_child1 entrada {ancho: 456px; altura: 24px; flotante: izquierda; relleno: 6px 2px; ----------------------------------------------------------------------------------------------- ------ Deje que el color de fondo de la etiqueta de entrada sea transparente. borde: ninguno; ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- botón {ancho: 76px; altura: 36px; float: derecho; fondo:#bd1d17; borde: none; color: #fff; font-size: 15px;}Resumen: un cuadro de búsqueda tiene tres partes principales, una es la parte del cuadro de entrada (la izquierda), la otra es la parte del botón de búsqueda (la derecha), y uno es los dos divs grandes que las contienen;
1. Primero coloque el ancho, la altura y el color del borde del div. Esto debe calcularse de antemano en función de las necesidades personales.
2. Flote el lado izquierdo de la entrada (parte del cuadro de entrada) respectivamente; Flote el lado derecho del botón (parte del botón), recuerde usar desbordamiento: oculto; atributo para grandes divs;
3. Ajuste la altura y el ancho de la entrada. Recuerde usar el relleno para soportar su valor de altura, para que no se adhiera al borde al ingresar a la fuente, aumentando la belleza; Si el valor de ancho se agrega ligeramente a la izquierda, para la belleza.
Lo anterior es la forma de escribir el cuadro de búsqueda de búsqueda introducido por el editor. Espero que te sea útil. Si tiene alguna pregunta, déjame un mensaje y el editor le responderá a tiempo. ¡Muchas gracias por su apoyo al sitio web de Wulin.com!