Código de CSS - Input unicamente con la linea inferior

Imágen de perfil
Val: 719
Oro
Ha disminuido 1 puesto en CSS (en relación al último mes)
Gráfica de CSS

Input unicamente con la linea inferiorgráfica de visualizaciones


CSS

Actualizado el 26 de Mayo del 2019 por Xve (292 códigos) (Publicado el 15 de Enero del 2019)
4.713 visualizaciones desde el 15 de Enero del 2019
Este simple código muestra como crear un formulario unicamente con una linea horizontal en la parte inferior del input.

1

Versión 1.0
estrellaestrellaestrellaestrellaestrella(2)

Actualizado el 5 de Junio del 2019 (Publicado el 15 de Enero del 2019)gráfica de visualizaciones de la versión: Versión 1.0
4.714 visualizaciones desde el 15 de Enero del 2019
estrellaestrellaestrellaestrellaestrella
estrellaestrellaestrellaestrella
estrellaestrellaestrella
estrellaestrella
estrella

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<!DOCTYPE html>
<html>
<head>
 
<style>
    body{
        background-color:#5555ff;
        font-family:Arial;
        font-size:14px;
    }
 
    input {
        color: #fff;
        background-color:#5555ff;
        border:none;
        border-bottom:1px solid #fff;
    }
 
    form>div {
        line-height:2.5em;
    }
 
    form span {
        color: #fff;
        width:70px;
        display:inline-block;
    }
</style>
 
</head>
 
<body>
 
    <form>
        <div><span>Nombre</span> <input type="text"></div>
        <div><span>Apellidos</span> <input type="text"></div>
    </form>
 
</body>
 
</html>



Comentarios sobre la versión: Versión 1.0 (2)

Imágen de perfil
15 de Enero del 2019
estrellaestrellaestrellaestrellaestrella
No ha dejado ningún comentario
Responder
Imágen de perfil
11 de Junio del 2019
estrellaestrellaestrellaestrellaestrella
No ha dejado ningún comentario
Responder

Comentar la versión: Versión 1.0

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios...
CerrarCerrar
CerrarCerrar
Cerrar

Tienes que ser un usuario registrado para poder insertar imágenes, archivos y/o videos.

Puedes registrarte o validarte desde aquí.

Codigo
Negrita
Subrayado
Tachado
Cursiva
Insertar enlace
Imagen externa
Emoticon
Tabular
Centrar
Titulo
Linea
Disminuir
Aumentar
Vista preliminar
sonreir
dientes
lengua
guiño
enfadado
confundido
llorar
avergonzado
sorprendido
triste
sol
estrella
jarra
camara
taza de cafe
email
beso
bombilla
amor
mal
bien
Es necesario revisar y aceptar las políticas de privacidad

http://lwp-l.com/s5014