Skip to content
Skip to content
CTASoftware Blog

Para Desenvolvedores De Software

  • Sobre Mim
← Abrir Modal BootStrap JQuery
jQuery Obter elemento ou valor pelo data-id →
-->

Converter input em Label

Posted on 21 de maio de 2020 by Everton Gonçalves

Como converter um campo input em um label?

Suponhamos que necessitamos ter uma mesma tela para edição/inclusão e queremos deixar essa tela também para visualização sem os inputs readonly.

Podemos através do jQuery alterar nossos inputs para campo label com o trecho abaixo:

 

Aprenda mais sobre javascript do básico ao avançado utilizando algum curso, além dos blogs, para melhorar a sua capacitação.

$('#id-do-campo').replaceWith(function(){
     return $('', {
     'class': this.className,
     text: this.value
    })
});

Compartilhe isso:

  • Clique para compartilhar no Twitter(abre em nova janela)
  • Clique para compartilhar no Facebook(abre em nova janela)
  • Clique para compartilhar no WhatsApp(abre em nova janela)
  • Clique para compartilhar no Telegram(abre em nova janela)
  • Clique para compartilhar no LinkedIn(abre em nova janela)
  • Clique para enviar um link por e-mail para um amigo(abre em nova janela)

Relacionado

About Everton Gonçalves

http://www.ctasoftware.com.br
View all posts by Everton Gonçalves
This entry was posted in JavaScript, JQuery and tagged JavaScript, Jquery, SharePoint Jquery. Bookmark the <a href="https://www.ctasoftware.com.br/blog/converter-input-em-label/" title="Permalink to Converter input em Label" rel="bookmark">permalink</a>.
← Abrir Modal BootStrap JQuery
jQuery Obter elemento ou valor pelo data-id →

Deixe um comentário Cancelar resposta

Você precisa fazer o login para publicar um comentário.

© 2026 | Blog info WordPress Theme | By Bharat Kambariya