¿Cómo se implementan los siguientes cuadros de entrada?

¡Esa es una forma genial!
Bueno, HTML es la columna vertebral de todos los formularios, pero sin CSS (hojas de estilo en cascada) no es posible obtener un formulario genial como este … incluso JavaScript se utiliza ya que es condición de verificación (estoy de acuerdo) este tipo de acciones de clic solo pueden ser alcanzado por JavaScript. Si no está marcado, no se enviará el formulario.

La próxima vez que coloque una captura de pantalla de una página web / parte de una página web, proporcione un vínculo de retroceso [URL] a eso. Será realmente una ayuda completa.

Si está realmente interesado en saber cómo se implementa el formulario anterior, haga clic derecho sobre él y seleccione Inspeccionar elemento, obtendrá el código utilizado para representar el código.

En http://www.CSS-Tricks.com forma aún más genial que la anterior. No soy un afiliado de CSS-tricks, pero me encanta para CSS, es como la Biblia para estilos geniales.

Cuadro de texto con imagen de fondo con CSS

  • Todo lo que necesitamos para crear un cuadro de entrada como este es una imagen de una lupa y algo de código CSS.

Este cuadro de entrada simplemente se crea agregando una imagen de fondo a la etiqueta de entrada y un relleno izquierdo para que el texto no se superponga con la imagen de fondo.

Este es un ejemplo de CSS:
.caja de búsqeda{
background-image: url (‘images / magnifying-glass.gif’);
repetición de fondo: sin repetición;
relleno-izquierda: 20px;
}

Generador de radios de borde CSS
¡De nada! 🙂