HTML - Colocar Boton dentro de campo textfield

 
Vista:
sin imagen de perfil
Val: 7
Ha disminuido su posición en 17 puestos en HTML (en relación al último mes)
Gráfica de HTML

Colocar Boton dentro de campo textfield

Publicado por Felipe De Jesus (4 intervenciones) el 19/01/2019 04:39:17
Hola colegas, necesito colocar exactamente dentro de un textfield un boton que resetee el campo de texto borrandolo, la funcion es facil, pero el colocar el boton ahi es lo dificil, no se como hacerlo alguien que me de un consejo por favor, Gracias.
Ejemplo
Exactamente quiero colocar el boton en el recuadro rojo que dibuje para ser exacto.
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 ScriptShow
Val: 359
Bronce
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

Colocar Boton dentro de campo textfield

Publicado por ScriptShow (409 intervenciones) el 19/01/2019 12:56:04
Saludos Felipe,

lo de colocar un botón dentro de un campo de texto, tiene algunas limitaciones. No obstante, como fondo se suelen poner imágenes...
En este caso concreto, sería posible "superponer" el botón con respecto al espacio del contenedor. Mejor vemos el ejemplo:

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
<!DOCTYPE html>
<html>
<head>
<style>
#dname {
position: relative;
width: 480px;
height: 100px;
border: 16px solid green;
}
#fname {
position: absolute;
width: 480px;
height: 100px;
border: 0px;
}
#rname {
position: absolute;
right: 0px;
bottom: 0px;
border: 4px solid orange;
}
</style>
</head>
<body>
<div id="dname">
<form>
<textarea id="fname" name="fname"></textarea>
<input type="reset" id="rname" value="Borrar">
</form>
</div>
</body>
</html>

Teniendo en cuenta las proporcines, atributos, valores, etc., no habrá problema para adaptar el código.

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
2
Comentar
sin imagen de perfil
Val: 7
Ha disminuido su posición en 17 puestos en HTML (en relación al último mes)
Gráfica de HTML

Colocar Boton dentro de campo textfield

Publicado por Felipe De Jesus (4 intervenciones) el 19/01/2019 17:45:37
Excelente bro gran idea te agradezco bastante, me fue superutil!! :D
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