Foros del Web » Creando para Internet » HTML »

Vaciar solo input text

Estas en el tema de Vaciar solo input text en el foro de HTML en Foros del Web. Hola a todos, en un foro estoy haciendo un formulario para un chatbox que envia los shout que son configurados mediante un formulario. Bueno el ...
  #1 (permalink)  
Antiguo 20/06/2012, 09:42
 
Fecha de Ingreso: marzo-2012
Ubicación: Peru
Mensajes: 4
Antigüedad: 12 años, 7 meses
Puntos: 0
Pregunta Vaciar solo input text

Hola a todos, en un foro estoy haciendo un formulario para un chatbox que envia los shout que son configurados mediante un formulario.
Bueno el problema es este,
Tengo este código.

<input id="hmess" type="text" size="80" class="cxtxt" name="hmess" />
<button type="submit" class="btneshout" />&nbsp; </button>
<button type="reset" class="btneclear" />&nbsp; </button>

<select class="cbox" onchange="fcb_upstyle('font');" name="hfont" $fcb_disable>
<option value="">$lang->fcb_font</option>
$fcb_fontlist
</select>
<select class="cbox" onchange="fcb_upstyle('color');" name="hcolor" $fcb_disable>
<option value="">$lang->fcb_color</option>
$fcb_colorlist
</select>

Todo ese codigo es como un formulario al momento de escribir algo en el chatbox y enviarlo.

Estuve buscando de como vaciar el INPUT TEXT y encontre el reset agregue un button (que tiene la misma funcion que input) de Type=Reset.

Pues si funciona, que cuando ingreso algo en el input text y luego apreto el button de type=reset borra el contenido, eso es lo que yo quería. Pero lo que yo no quería era que resetee tambien las otras opciones del formulario como las del select.

Quisiera que solo haga reset o que borre el contenido solo de ese input text. Y que las otras opciones del formulario, osea las del select, no les afecte.
  #2 (permalink)  
Antiguo 20/06/2012, 11:21
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 17 años, 4 meses
Puntos: 1567
Respuesta: Vaciar solo input text

En lugar de usar un input reset, utilizá un <input type="button"> y asignale un evento onclick que ejecute una función para vaciar el campo que quieras

function vaciar(){
document.getElementById('hmess').value = "";
}

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #3 (permalink)  
Antiguo 20/06/2012, 11:28
 
Fecha de Ingreso: marzo-2012
Ubicación: Peru
Mensajes: 4
Antigüedad: 12 años, 7 meses
Puntos: 0
Respuesta: Vaciar solo input text

a Ok..! Me podrías ayudar con que codigo sería el evento para eliminar el contenido del input text.
  #4 (permalink)  
Antiguo 20/06/2012, 11:35
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 17 años, 4 meses
Puntos: 1567
Respuesta: Vaciar solo input text

onclick="vaciar();"
lo que no entiendo es como llegaste hasta aqui
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.

Etiquetas: input, txt, formulario
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:42.