Como colocar o texto da amostra no campo de entrada em html

No passado, os desenvolvedores da Web necessários para definir um valor ou usar javascript para adicionar texto da amostra para um campo de formulário. Ambos os métodos têm suas falhas, porque os valores são enviados juntamente com outra entrada de formulário quando o usuário clica em "Enviar" e às vezes os usuários desativar javascript. Em HTML 5, não é um atributo de "marcador". Este atributo permite que programadores definir o texto de exemplo em um campo de formulário que não será enviado como um valor formulário. Use uma queda-back plugin jQuery para tornar o texto do espaço reservado visível para os usuários de navegadores mais antigos.

  • Abra o arquivo HTML no texto simples ou editor de código de sua escolha. Encontre o ""Campo onde você deseja adicionar o texto da amostra Em HTML5, edite a tag para ficar assim.:

    O novo atributo "espaço reservado" difere do "valor" porque se o usuário se esquece de entrada de qualquer coisa nesse campo antes de clicar no botão "Enviar", o texto do espaço reservado não vai passar. O valor, no entanto, vai passar e ser passados ​​para o script do formulário como texto o usuário inseriu. Se você não estiver usando HTML5 para o seu código da página web, em seguida, defina o valor da seguinte forma:

    Note que você não deve remover outros atributos da marca de entrada, como "tipo" ou "nome". Deixar estes em mas adicionar seu espaço reservado ou atributos de valor conforme necessário.



  • Baixe o "placeholder.js" plugin jQuery no site da Webcloud e descompactá-lo em seu computador. Localize o arquivo "jquery.placeholder.min.js" e copiá-lo para uma pasta dentro do seu site. Por exemplo, se o seu site tem uma pasta chamada "mysite" e há uma pasta chamada "js" em que, copie-o para "js" para manter as coisas organizadas.

  • Adicionar uma queda-de volta para sua página da web para os visitantes usando navegadores incompatíveis com o atributo "espaço reservado". Esta etapa não se aplica ao "valor", porque todos os navegadores suportam isso. Encontre o ""E""Tags no seu arquivo HTML e os primeiros adicionar suporte jQuery entre essas tags:

    "Tag abaixo de todas as outras" "tags, adicione a chamada para a função de" espaço reservado ":

    Alterar o texto "espaço reservado" entre parênteses ao texto que você deseja usar como um espaço reservado, como "Seu nome aqui." Porque jQuery usa CSS para atingir pedaços de código HTML, escrever algo como isto:

    $ ( "# Nome-campo [Nome] `) marcador (.);

    O código acima procura por um ""Tag com e" "atributo" ID nome de campo "e, em seguida, dá-se o texto do espaço reservado" Nome ".

dicas avisos

  • Se usando o código HTML5, certifique-se de usar um script que permite HTML5 para browsers mais antigos. Também certifique-se o seu tipo de documento no topo do arquivo HTML é ""Quando se utiliza HTML5.
De esta maneira? Compartilhar em redes sociais:

LiveInternet