¿Cómo puedo cambiar el texto de marcador de posición de un elemento de entrada?

Por ejemplo tengo 3 entradas de tipo texto.

<input type="text" name="Email" placeholder="Some Text">
<input type="text" name="First Name" placeholder="Some Text">
<input type="text" name="Last Name"placeholder="Some Text">

¿Cómo puedo cambiar el Texto de texto con JavaScript o jQuery?

  • Intenta $('input').attr('placeholder','Some New Text');?
  • Has intentado nada con javascript o jquery ? Por favor, publique lo que han intentado y cuáles son los problemas que enfrentan.
  • Usted puede utilizar paparruchas
InformationsquelleAutor jeponkz | 2012-11-22

7 Comentarios

  1. 108

    Si quieres usar Javascript, a continuación, puede utilizar getElementsByName() método para seleccionar el input campos y cambiar el placeholder para cada uno… ver el código de abajo…

    document.getElementsByName('Email')[0].placeholder='new text for email';
    document.getElementsByName('First Name')[0].placeholder='new text for fname';
    document.getElementsByName('Last Name')[0].placeholder='new text for lname';

    De lo contrario, el uso de jQuery:

    $('input:text').attr('placeholder','Some New Text');
    • +1 para ir nativo sin usar librerías externas … la gente necesita prestar atención a la Api de DOM es posible que no necesite usar una biblioteca entera sólo para hacer algo simple como eso.
    • A menudo, el campo ya contiene un valor, por lo que el marcador no será visible. Usted debe borrar el valor. var email = document.getElementsByName("Email")[0]; email.value=''; email.placeholder='new text for email';
  2. 27

    Esta solución utiliza jQuery. Si desea utilizar el mismo texto de marcador de posición para todos los cuadros de texto, puede utilizar

    $('input:text').attr('placeholder','Some New Text');

    Y si quieres diferentes marcadores de posición, puede utilizar el id del elemento a cambio de marcador de posición

    $('#element1_id').attr('placeholder','Some New Text 1');
    $('#element2_id').attr('placeholder','Some New Text 2');
    • SÍ!!! esto funciona!
  3. 4

    Usando jquery usted puede hacer esto mediante el siguiente código:

    <input type="text" id="tbxEmail" name="Email" placeholder="Some Text"/>
    
    $('#tbxEmail').attr('placeholder','Some New Text');
  4. 4

    He tenido que hacer frente al mismo problema.

    En JS, primero tienes que borrar el cuadro de texto de la entrada de texto. De lo contrario, el marcador de posición de texto no se mostrará.

    Aquí está mi solución.

    document.getElementsByName("email")[0].value="";
    document.getElementsByName("email")[0].placeholder="your message";
    • Eso es correcto. Sin establecer el campo en blanco en primer lugar, el marcador no se muestra. Pasó un largo tiempo en esto hasta que me encontré en este post.
  5. 0

    Intentar acceder al atributo placeholder de la entrada y el cambio en su valor, tales como los siguientes:

    $('#some_input_id').attr('placeholder','New Text Here');

    También puede borrar el marcador de posición si es necesario como:

    $('#some_input_id').attr('placeholder','');
  6. 0

    Para JavaScript uso:

    document.getElementsByClassName('select-holder')[0].placeholder = "This is my new text";

    Para jQuery uso:

    $('.select-holder')[0].placeholder = "This is my new text";

Dejar respuesta

Please enter your comment!
Please enter your name here