CSS - consulta Dando estilos a los input

 
Vista:
sin imagen de perfil
Val: 60
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

consulta Dando estilos a los input

Publicado por Robokick (21 intervenciones) el 01/11/2020 19:49:20
AMIGOS
Sin-titulo

ADJUNTO MI CODIGO CON EL FORMULARIO QUE ESTOY TRABAJANDO MIS DOS CONSULTAS LA PRIMERA
COMO PUSE ESTE ESTILO
input, textarea{
display:block;

OK MIS CAJAS DE TEXTO SE VEN BIEN PERO LOS BOTONES SE VEN UNO ARRIBA Y EL OTRO ABAJO Y QUIERO QUE SE VEA UNO ALA IZQUIERDA Y EL OTRO A LA DERECHA

MI OTRA CONSULTA ES QUE COMO PUEDO HACER PARA QUE EL TITULO REGISTRO DE CLIENTES SE VEA MEJOR Y QUE NO SE NOTE EN EL BORDE DE LAS LETRAS EL COLOR SILVER

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
42
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Registro de Clientes</title>
	<style>
		input, textarea{
			display:block;
 
		}
		fieldset
		{
			background-color:silver;
			padding: .2em;
			border:6px groove #ccc;
		}
 
 
	</style>
</head>
<body>
<fieldset>
	<legend><h1>Registro de Clientes</h1></legend>
	<form= method action="clientes.php">
	<label for="nombre">Nombre completo</label>
	<input type="text" name="nombre" id="nombre"><br>
	<label for="fono">Teléfono</label>
	<input type="text" name="fono" id="fono"><br>
	<label for="mail">Correo</label>
	<input type="mail" name="mail" id="mail" placeholder="tucorreo@mail.com"><br>
	<label for="fecha">Fecha Nac</label>
	<input type="date" id="fecha"><br>
	<label for="comen">Comentario</label>
	<textarea name="comen" id="comen" cols="25" rows="5"></textarea>
 
	<input type="submit" value="Registrar">
	<input type="reset" value="Borrar">
	</form>
</fieldset>
 
</body>
</html>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de joel
Val: 870
Oro
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

consulta Dando estilos a los input

Publicado por joel (252 intervenciones) el 02/11/2020 07:52:11
Puedes indicar que el submit y el reset no sean display:block...

añade este estilo debajo del tuyo.
1
2
3
input[type="submit"], input[type="reset"] {
    display:inherit;
}
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
sin imagen de perfil
Val: 60
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

consulta Dando estilos a los input

Publicado por Robokick (21 intervenciones) el 03/11/2020 18:58:36
Joel para compartir hice este cambio y el aspecto mejoro

1
2
3
4
label {
	display:block;
	width:120px;
}
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de ScriptShow
Val: 571
Plata
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

consulta Dando estilos a los input

Publicado por ScriptShow (125 intervenciones) el 06/11/2020 22:12:34
Saludos,

si quieres algo sencillo, adaptable, compatible...

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
42
43
44
45
46
47
48
<!DOCTYPE html>
 
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Registro de Clientes</title>
<style>
* {
border:0px;
box-sizing:border-box;
font:normal 16px/1.6 sans-serif;
}
input, label, textarea {
width:100%;
margin:4px auto;
}
fieldset {
width:100%;
height:auto;
padding:4px;
margin:auto;
display:block;
background:#F4F4F4;
border:4px solid #DDDDDD;
}
</style>
</head>
<body>
<fieldset>
<legend>Registro de Clientes</legend>
<form method="post" action="clientes.php">
<label for="nombre">Nombre completo</label>
<input type="text" name="nombre" id="nombre"><br>
<label for="fono">Teléfono</label>
<input type="text" name="fono" id="fono"><br>
<label for="mail">Correo</label>
<input type="mail" name="mail" id="mail" placeholder="tucorreo@mail.com"><br>
<label for="fecha">Fecha Nac</label>
<input type="date" id="fecha"><br>
<label for="comen">Comentario</label>
<textarea name="comen" id="comen" cols="" rows="4"></textarea>
<input type="submit" value="Registrar">
<input type="reset" value="Borrar">
</form>
</fieldset>
</body>
</html>

Espero sea útil.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar