{"id":15765,"date":"2024-03-20T17:03:52","date_gmt":"2024-03-20T20:03:52","guid":{"rendered":"https:\/\/categoriaoutros.com.br\/?p=15765"},"modified":"2024-04-05T12:28:14","modified_gmt":"2024-04-05T15:28:14","slug":"html-e-javascript-clicar-em-uma-celula-e-enviar-valor-para-campo-input-de-formulario","status":"publish","type":"post","link":"https:\/\/categoriaoutros.com.br\/?p=15765","title":{"rendered":"HTML e JavaScript: Clicar em uma C\u00e9lula e Enviar Valor para Campo Input de Formul\u00e1rio"},"content":{"rendered":"\n<p>Para melhorar a interatividade e usabilidade de um site ou aplicativo da web, permite aos usu\u00e1rios clicar em uma c\u00e9lula espec\u00edfica de uma tabela HTML e ver instantaneamente o valor dessa c\u00e9lula em um campo de entrada de formul\u00e1rio facilita bastante a entrada de dados e a manipula\u00e7\u00e3o de informa\u00e7\u00f5es.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Linhas do C\u00f3digo<\/h2>\n\n\n\n<p>Abaixo vai o exemplo que usei em meus testes:<\/p>\n\n\n\n<pre><font color=\"#0000EE\">&lt;!DOCTYPE html&gt;<\/font>\n<font color=\"#00CDCD\">&lt;<\/font><font color=\"#AF5F00\">html<\/font><font color=\"#00CDCD\"> <\/font><font color=\"#00CD00\">lang<\/font><font color=\"#00CDCD\">=<\/font><font color=\"#CD0000\">&quot;en&quot;<\/font><font color=\"#00CDCD\">&gt;<\/font>\n<font color=\"#00CDCD\">&lt;<\/font><font color=\"#AF5F00\">head<\/font><font color=\"#00CDCD\">&gt;<\/font>\n<font color=\"#CD00CD\">    <\/font><font color=\"#00CDCD\">&lt;<\/font><font color=\"#AF5F00\">meta<\/font><font color=\"#00CDCD\"> <\/font><font color=\"#00CD00\">charset<\/font><font color=\"#00CDCD\">=<\/font><font color=\"#CD0000\">&quot;UTF-8&quot;<\/font><font color=\"#00CDCD\">&gt;<\/font>\n<font color=\"#CD00CD\">    <\/font><font color=\"#00CDCD\">&lt;<\/font><font color=\"#AF5F00\">meta<\/font><font color=\"#00CDCD\"> <\/font><font color=\"#00CD00\">name<\/font><font color=\"#00CDCD\">=<\/font><font color=\"#CD0000\">&quot;viewport&quot;<\/font><font color=\"#00CDCD\"> <\/font><font color=\"#00CD00\">content<\/font><font color=\"#00CDCD\">=<\/font><font color=\"#CD0000\">&quot;width=device-width, initial-scale=1.0&quot;<\/font><font color=\"#00CDCD\">&gt;<\/font>\n<font color=\"#CD00CD\">    <\/font><font color=\"#00CDCD\">&lt;<\/font><font color=\"#AF5F00\">title<\/font><font color=\"#00CDCD\">&gt;<\/font><font color=\"#CD00CD\">Formul\u00e1rio com Bot\u00f5es<\/font><font color=\"#00CDCD\">&lt;\/<\/font><font color=\"#AF5F00\">title<\/font><font color=\"#00CDCD\">&gt;<\/font>\n<font color=\"#00CDCD\">&lt;\/<\/font><font color=\"#AF5F00\">head<\/font><font color=\"#00CDCD\">&gt;<\/font>\n<font color=\"#00CDCD\">&lt;<\/font><font color=\"#AF5F00\">body<\/font><font color=\"#00CDCD\">&gt;<\/font>\n\n<font color=\"#00CDCD\">&lt;<\/font><font color=\"#AF5F00\">h1<\/font><font color=\"#00CDCD\">&gt;<\/font><font color=\"#CD00CD\">Formul\u00e1rio <\/font><font color=\"#00CDCD\">&lt;\/<\/font><font color=\"#AF5F00\">h1<\/font><font color=\"#00CDCD\">&gt;<\/font>\n\n<font color=\"#00CDCD\">&lt;<\/font><font color=\"#AF5F00\">form<\/font><font color=\"#00CDCD\"> <\/font><font color=\"#00CD00\">action<\/font><font color=\"#00CDCD\">=<\/font><font color=\"#CD0000\">&quot;processar.php&quot;<\/font><font color=\"#00CDCD\"> <\/font><font color=\"#00CD00\">method<\/font><font color=\"#00CDCD\">=<\/font><font color=\"#CD0000\">&quot;post&quot;<\/font><font color=\"#00CDCD\">&gt;<\/font>\n    <font color=\"#00CDCD\">&lt;<\/font><font color=\"#AF5F00\">input<\/font><font color=\"#00CDCD\"> <\/font><font color=\"#00CD00\">type<\/font><font color=\"#00CDCD\">=<\/font><font color=\"#CD0000\">&quot;text&quot;<\/font><font color=\"#00CDCD\"> <\/font><font color=\"#00CD00\">name<\/font><font color=\"#00CDCD\">=<\/font><font color=\"#CD0000\">&quot;valor&quot;<\/font><font color=\"#00CDCD\"> <\/font><font color=\"#00CD00\">id<\/font><font color=\"#00CDCD\">=<\/font><font color=\"#CD0000\">&quot;meuvalor&quot;<\/font><font color=\"#00CDCD\">&gt;<\/font>\n    <font color=\"#00CDCD\">&lt;<\/font><font color=\"#AF5F00\">br<\/font><font color=\"#00CDCD\">&gt;<\/font>\n    <font color=\"#00CDCD\">&lt;<\/font><font color=\"#AF5F00\">button<\/font><font color=\"#00CDCD\"> <\/font><font color=\"#00CD00\">type<\/font><font color=\"#00CDCD\">=<\/font><font color=\"#CD0000\">&quot;submit&quot;<\/font><font color=\"#00CDCD\"> <\/font><font color=\"#00CD00\">name<\/font><font color=\"#00CDCD\">=<\/font><font color=\"#CD0000\">&quot;operacao&quot;<\/font><font color=\"#00CDCD\"> <\/font><font color=\"#00CD00\">value<\/font><font color=\"#00CDCD\">=<\/font><font color=\"#CD0000\">&quot;depositar&quot;<\/font><font color=\"#00CDCD\">&gt;<\/font>Depositar<font color=\"#00CDCD\">&lt;\/<\/font><font color=\"#AF5F00\">button<\/font><font color=\"#00CDCD\">&gt;<\/font>\n<font color=\"#00CDCD\">&lt;\/<\/font><font color=\"#AF5F00\">form<\/font><font color=\"#00CDCD\">&gt;<\/font>\n\n\n<font color=\"#00CDCD\">&lt;<\/font><font color=\"#AF5F00\">h1<\/font><font color=\"#00CDCD\">&gt;<\/font><font color=\"#CD00CD\">Tabela<\/font><font color=\"#00CDCD\">&lt;\/<\/font><font color=\"#AF5F00\">h1<\/font><font color=\"#00CDCD\">&gt;<\/font>\n\n<font color=\"#00CDCD\">&lt;<\/font><font color=\"#AF5F00\">table<\/font><font color=\"#00CDCD\"> <\/font><font color=\"#00CD00\">id<\/font><font color=\"#00CDCD\">=<\/font><font color=\"#CD0000\">&quot;tabela&quot;<\/font><font color=\"#00CDCD\">&gt;<\/font>\n  <font color=\"#00CDCD\">&lt;<\/font><font color=\"#AF5F00\">tr<\/font><font color=\"#00CDCD\">&gt;<\/font>\n    <font color=\"#00CDCD\">&lt;<\/font><font color=\"#AF5F00\">td<\/font><font color=\"#00CDCD\">&gt;<\/font>Item 1<font color=\"#00CDCD\">&lt;\/<\/font><font color=\"#AF5F00\">td<\/font><font color=\"#00CDCD\">&gt;<\/font>\n    <font color=\"#00CDCD\">&lt;<\/font><font color=\"#AF5F00\">td<\/font><font color=\"#00CDCD\">&gt;<\/font>Valor 1<font color=\"#00CDCD\">&lt;\/<\/font><font color=\"#AF5F00\">td<\/font><font color=\"#00CDCD\">&gt;<\/font>\n  <font color=\"#00CDCD\">&lt;\/<\/font><font color=\"#AF5F00\">tr<\/font><font color=\"#00CDCD\">&gt;<\/font>\n  <font color=\"#00CDCD\">&lt;<\/font><font color=\"#AF5F00\">tr<\/font><font color=\"#00CDCD\">&gt;<\/font>\n    <font color=\"#00CDCD\">&lt;<\/font><font color=\"#AF5F00\">td<\/font><font color=\"#00CDCD\">&gt;<\/font>Item 2<font color=\"#00CDCD\">&lt;\/<\/font><font color=\"#AF5F00\">td<\/font><font color=\"#00CDCD\">&gt;<\/font>\n    <font color=\"#00CDCD\">&lt;<\/font><font color=\"#AF5F00\">td<\/font><font color=\"#00CDCD\">&gt;<\/font>Valor 2<font color=\"#00CDCD\">&lt;\/<\/font><font color=\"#AF5F00\">td<\/font><font color=\"#00CDCD\">&gt;<\/font>\n  <font color=\"#00CDCD\">&lt;\/<\/font><font color=\"#AF5F00\">tr<\/font><font color=\"#00CDCD\">&gt;<\/font>\n<font color=\"#00CDCD\">&lt;\/<\/font><font color=\"#AF5F00\">table<\/font><font color=\"#00CDCD\">&gt;<\/font>\n\n\n<font color=\"#00CDCD\">&lt;<\/font><font color=\"#AF5F00\">script<\/font><font color=\"#00CDCD\">&gt;<\/font>\n<font color=\"#CD00CD\">  <\/font><font color=\"#0000EE\">\/\/ Obt\u00e9m a refer\u00eancia para a tabela<\/font>\n<font color=\"#CD00CD\">  <\/font><font color=\"#00CDCD\">var<\/font><font color=\"#CD00CD\"> tabela = <\/font><font color=\"#AF5F00\">document<\/font><font color=\"#CD00CD\">.getElementById<\/font>(<font color=\"#CD0000\">&quot;tabela&quot;<\/font>)<font color=\"#CD00CD\">;<\/font>\n\n<font color=\"#CD00CD\">  <\/font><font color=\"#0000EE\">\/\/ Obt\u00e9m a refer\u00eancia para o campo de entrada<\/font>\n<font color=\"#CD00CD\">  <\/font><font color=\"#00CDCD\">var<\/font><font color=\"#CD00CD\"> campoInput = <\/font><font color=\"#AF5F00\">document<\/font><font color=\"#CD00CD\">.getElementById<\/font>(<font color=\"#CD0000\">&quot;meuvalor&quot;<\/font>)<font color=\"#CD00CD\">;<\/font>\n\n<font color=\"#CD00CD\">  <\/font><font color=\"#0000EE\">\/\/ Adiciona um evento de clique \u00e0 tabela<\/font>\n<font color=\"#CD00CD\">  tabela.addEventListener<\/font>(<font color=\"#CD0000\">&quot;click&quot;<\/font><font color=\"#CD00CD\">, <\/font><font color=\"#00CDCD\">function<\/font>(<font color=\"#AF5F00\">event<\/font>)<font color=\"#CD00CD\"> <\/font><font color=\"#00CDCD\">{<\/font>\n<font color=\"#CD00CD\">    <\/font><font color=\"#0000EE\">\/\/ Verifica se o clique ocorreu em uma c\u00e9lula da tabela<\/font>\n<font color=\"#CD00CD\">    <\/font><font color=\"#AF5F00\">if<\/font><font color=\"#CD00CD\"> <\/font>(<font color=\"#AF5F00\">event<\/font><font color=\"#CD00CD\">.target.tagName === <\/font><font color=\"#CD0000\">&quot;TD&quot;<\/font>)<font color=\"#CD00CD\"> <\/font><font color=\"#00CDCD\">{<\/font>\n<font color=\"#CD00CD\">      <\/font><font color=\"#0000EE\">\/\/ Obt\u00e9m o texto da c\u00e9lula clicada<\/font>\n<font color=\"#CD00CD\">      <\/font><font color=\"#00CDCD\">var<\/font><font color=\"#CD00CD\"> valorClicado = <\/font><font color=\"#AF5F00\">event<\/font><font color=\"#CD00CD\">.target.textContent;<\/font>\n<font color=\"#CD00CD\">      <\/font><font color=\"#0000EE\">\/\/ Atualiza o valor do campo de entrada<\/font>\n<font color=\"#CD00CD\">      campoInput.value = valorClicado;<\/font>\n<font color=\"#CD00CD\">    <\/font><font color=\"#00CDCD\">}<\/font>\n<font color=\"#CD00CD\">  <\/font><font color=\"#00CDCD\">}<\/font>)<font color=\"#CD00CD\">;<\/font>\n<font color=\"#00CDCD\">&lt;\/<\/font><font color=\"#AF5F00\">script<\/font><font color=\"#00CDCD\">&gt;<\/font>\n\n\n\n\n<font color=\"#00CDCD\">&lt;\/<\/font><font color=\"#AF5F00\">body<\/font><font color=\"#00CDCD\">&gt;<\/font>\n<font color=\"#00CDCD\">&lt;\/<\/font><font color=\"#AF5F00\">html<\/font><font color=\"#00CDCD\">&gt;<\/font><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Fazendo o clique funcionar em apenas uma coluna<\/h2>\n\n\n\n<p>Se prestar aten\u00e7\u00e3o ver\u00e1 que o campo input pega o valor de qualquer c\u00e9lula da tabela. Podemos usar o c\u00f3digo abaixo para limitar \u00e0 apenas uma coluna. <\/p>\n\n\n\n<p>Nesse exemplo, tenho uma coluna com o id=&#8221;coluna1&#8243;<\/p>\n\n\n\n<pre><font color=\"#00CDCD\">&lt;<\/font><font color=\"#AF5F00\">script<\/font><font color=\"#00CDCD\">&gt;<\/font>\n<font color=\"#CD00CD\">  <\/font><font color=\"#0000EE\">\/\/ Obt\u00e9m a refer\u00eancia para a tabela em corpo01.php<\/font>\n<font color=\"#CD00CD\">  <\/font><font color=\"#00CDCD\">var<\/font><font color=\"#CD00CD\"> tabela = <\/font><font color=\"#AF5F00\">document<\/font><font color=\"#CD00CD\">.getElementById<\/font>(<font color=\"#CD0000\">&quot;tabela_principal&quot;<\/font>)<font color=\"#CD00CD\">;<\/font>\n\n<font color=\"#CD00CD\">  <\/font><font color=\"#0000EE\">\/\/ Obt\u00e9m a refer\u00eancia para o campo de entrada em index.php<\/font>\n<font color=\"#CD00CD\">  <\/font><font color=\"#00CDCD\">var<\/font><font color=\"#CD00CD\"> campoInput = <\/font><font color=\"#AF5F00\">document<\/font><font color=\"#CD00CD\">.getElementById<\/font>(<font color=\"#CD0000\">&quot;id01&quot;<\/font>)<font color=\"#CD00CD\">;<\/font>\n\n<font color=\"#CD00CD\">  <\/font><font color=\"#0000EE\">\/\/ Adiciona um evento de clique \u00e0 tabela<\/font>\n<font color=\"#CD00CD\">  tabela.addEventListener<\/font>(<font color=\"#CD0000\">&quot;click&quot;<\/font><font color=\"#CD00CD\">, <\/font><font color=\"#00CDCD\">function<\/font>(<font color=\"#AF5F00\">event<\/font>)<font color=\"#CD00CD\"> <\/font><font color=\"#00CDCD\">{<\/font>\n<font color=\"#CD00CD\">    <\/font><font color=\"#0000EE\">\/\/ Verifica se o clique ocorreu na coluna desejada (com o ID &quot;coluna1&quot;)<\/font>\n<font color=\"#CD00CD\">    <\/font><font color=\"#AF5F00\">if<\/font><font color=\"#CD00CD\"> <\/font>(<font color=\"#AF5F00\">event<\/font><font color=\"#CD00CD\">.target.tagName === <\/font><font color=\"#CD0000\">&quot;TD&quot;<\/font><font color=\"#CD00CD\"> &amp;&amp; <\/font><font color=\"#AF5F00\">event<\/font><font color=\"#CD00CD\">.target.closest<\/font>(<font color=\"#CD0000\">&apos;#coluna1&apos;<\/font>))<font color=\"#CD00CD\"> <\/font><font color=\"#00CDCD\">{<\/font>\n<font color=\"#CD00CD\">      <\/font><font color=\"#0000EE\">\/\/ Obt\u00e9m o texto da c\u00e9lula clicada<\/font>\n<font color=\"#CD00CD\">      <\/font><font color=\"#00CDCD\">var<\/font><font color=\"#CD00CD\"> valorClicado = <\/font><font color=\"#AF5F00\">event<\/font><font color=\"#CD00CD\">.target.textContent;<\/font>\n<font color=\"#CD00CD\">      <\/font><font color=\"#0000EE\">\/\/ Atualiza o valor do campo de entrada<\/font>\n<font color=\"#CD00CD\">      campoInput.value = valorClicado;<\/font>\n<font color=\"#CD00CD\">    <\/font><font color=\"#00CDCD\">}<\/font>\n<font color=\"#CD00CD\">  <\/font><font color=\"#00CDCD\">}<\/font>)<font color=\"#CD00CD\">;<\/font>\n<font color=\"#00CDCD\">&lt;\/<\/font><font color=\"#AF5F00\">script<\/font><font color=\"#00CDCD\">&gt;<\/font>\n<\/pre>\n\n\n\n<p>a verifica\u00e7\u00e3o <code>event.target.closest('#coluna1')<\/code> garante que o clique ocorra dentro de um elemento com o ID &#8220;coluna1&#8221;. Se o clique ocorrer em uma c\u00e9lula de outra coluna ou em qualquer outro lugar da tabela, a fun\u00e7\u00e3o n\u00e3o ser\u00e1 executada.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Para melhorar a interatividade e usabilidade de um site ou aplicativo da web, permite aos usu\u00e1rios clicar em uma c\u00e9lula espec\u00edfica de uma tabela HTML e ver instantaneamente o valor dessa c\u00e9lula em um campo de entrada de formul\u00e1rio facilita bastante a entrada de dados e a manipula\u00e7\u00e3o de informa\u00e7\u00f5es. Linhas do C\u00f3digo Abaixo vai&#8230;<\/p>\n<p class=\"more-link-wrap\"><a href=\"https:\/\/categoriaoutros.com.br\/?p=15765\" class=\"more-link\">Read More<span class=\"screen-reader-text\"> &ldquo;HTML e JavaScript: Clicar em uma C\u00e9lula e Enviar Valor para Campo Input de Formul\u00e1rio&rdquo;<\/span> &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[669,16],"tags":[670,4749],"class_list":["post-15765","post","type-post","status-publish","format-standard","hentry","category-html","category-informatica-dicas","tag-html","tag-javascript"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>HTML e JavaScript: Clicar em uma C\u00e9lula e Enviar Valor para Campo Input de Formul\u00e1rio - Categoria Outros<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/categoriaoutros.com.br\/?p=15765\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML e JavaScript: Clicar em uma C\u00e9lula e Enviar Valor para Campo Input de Formul\u00e1rio - Categoria Outros\" \/>\n<meta property=\"og:description\" content=\"Para melhorar a interatividade e usabilidade de um site ou aplicativo da web, permite aos usu\u00e1rios clicar em uma c\u00e9lula espec\u00edfica de uma tabela HTML e ver instantaneamente o valor dessa c\u00e9lula em um campo de entrada de formul\u00e1rio facilita bastante a entrada de dados e a manipula\u00e7\u00e3o de informa\u00e7\u00f5es. Linhas do C\u00f3digo Abaixo vai...Read More &ldquo;HTML e JavaScript: Clicar em uma C\u00e9lula e Enviar Valor para Campo Input de Formul\u00e1rio&rdquo; &raquo;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/categoriaoutros.com.br\/?p=15765\" \/>\n<meta property=\"og:site_name\" content=\"Categoria Outros\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/categoriaoutros\" \/>\n<meta property=\"article:published_time\" content=\"2024-03-20T20:03:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-05T15:28:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/categoriaoutros.com.br\/wp-content\/uploads\/2023\/08\/pinguim-paginas-padrao.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1022\" \/>\n\t<meta property=\"og:image:height\" content=\"722\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Categoria: Outros\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@CategoriaOutros\" \/>\n<meta name=\"twitter:site\" content=\"@CategoriaOutros\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Categoria: Outros\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/categoriaoutros.com.br\/?p=15765#article\",\"isPartOf\":{\"@id\":\"https:\/\/categoriaoutros.com.br\/?p=15765\"},\"author\":{\"name\":\"Categoria: Outros\",\"@id\":\"https:\/\/categoriaoutros.com.br\/#\/schema\/person\/ba0f432708449436912bd6736864bb40\"},\"headline\":\"HTML e JavaScript: Clicar em uma C\u00e9lula e Enviar Valor para Campo Input de Formul\u00e1rio\",\"datePublished\":\"2024-03-20T20:03:52+00:00\",\"dateModified\":\"2024-04-05T15:28:14+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/categoriaoutros.com.br\/?p=15765\"},\"wordCount\":174,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/categoriaoutros.com.br\/#organization\"},\"keywords\":[\"html\",\"JavaScript\"],\"articleSection\":[\"html\",\"Inform\u00e1tica\"],\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/categoriaoutros.com.br\/?p=15765#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/categoriaoutros.com.br\/?p=15765\",\"url\":\"https:\/\/categoriaoutros.com.br\/?p=15765\",\"name\":\"HTML e JavaScript: Clicar em uma C\u00e9lula e Enviar Valor para Campo Input de Formul\u00e1rio - Categoria Outros\",\"isPartOf\":{\"@id\":\"https:\/\/categoriaoutros.com.br\/#website\"},\"datePublished\":\"2024-03-20T20:03:52+00:00\",\"dateModified\":\"2024-04-05T15:28:14+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/categoriaoutros.com.br\/?p=15765#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/categoriaoutros.com.br\/?p=15765\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/categoriaoutros.com.br\/?p=15765#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/categoriaoutros.com.br\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML e JavaScript: Clicar em uma C\u00e9lula e Enviar Valor para Campo Input de Formul\u00e1rio\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/categoriaoutros.com.br\/#website\",\"url\":\"https:\/\/categoriaoutros.com.br\/\",\"name\":\"Categoria Outros\",\"description\":\"Assuntos Diversos\",\"publisher\":{\"@id\":\"https:\/\/categoriaoutros.com.br\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/categoriaoutros.com.br\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/categoriaoutros.com.br\/#organization\",\"name\":\"Categoria Outros\",\"alternateName\":\"Categoria Outros\",\"url\":\"https:\/\/categoriaoutros.com.br\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/categoriaoutros.com.br\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/categoriaoutros.com.br\/wp-content\/uploads\/2023\/08\/categoriaoutros-logo.jpg\",\"contentUrl\":\"https:\/\/categoriaoutros.com.br\/wp-content\/uploads\/2023\/08\/categoriaoutros-logo.jpg\",\"width\":400,\"height\":400,\"caption\":\"Categoria Outros\"},\"image\":{\"@id\":\"https:\/\/categoriaoutros.com.br\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/categoriaoutros\",\"https:\/\/twitter.com\/CategoriaOutros\",\"https:\/\/br.pinterest.com\/CategoriaOutros\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/categoriaoutros.com.br\/#\/schema\/person\/ba0f432708449436912bd6736864bb40\",\"name\":\"Categoria: Outros\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/categoriaoutros.com.br\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/ed97775f0ab50750ed638ed3417ea85e19ced2c648da167a108e393ae5fd9e33?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/ed97775f0ab50750ed638ed3417ea85e19ced2c648da167a108e393ae5fd9e33?s=96&d=mm&r=g\",\"caption\":\"Categoria: Outros\"},\"sameAs\":[\"http:\/\/categoriaoutros.com.br\"],\"url\":\"https:\/\/categoriaoutros.com.br\/?author=1\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"HTML e JavaScript: Clicar em uma C\u00e9lula e Enviar Valor para Campo Input de Formul\u00e1rio - Categoria Outros","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/categoriaoutros.com.br\/?p=15765","og_locale":"pt_BR","og_type":"article","og_title":"HTML e JavaScript: Clicar em uma C\u00e9lula e Enviar Valor para Campo Input de Formul\u00e1rio - Categoria Outros","og_description":"Para melhorar a interatividade e usabilidade de um site ou aplicativo da web, permite aos usu\u00e1rios clicar em uma c\u00e9lula espec\u00edfica de uma tabela HTML e ver instantaneamente o valor dessa c\u00e9lula em um campo de entrada de formul\u00e1rio facilita bastante a entrada de dados e a manipula\u00e7\u00e3o de informa\u00e7\u00f5es. Linhas do C\u00f3digo Abaixo vai...Read More &ldquo;HTML e JavaScript: Clicar em uma C\u00e9lula e Enviar Valor para Campo Input de Formul\u00e1rio&rdquo; &raquo;","og_url":"https:\/\/categoriaoutros.com.br\/?p=15765","og_site_name":"Categoria Outros","article_publisher":"https:\/\/www.facebook.com\/categoriaoutros","article_published_time":"2024-03-20T20:03:52+00:00","article_modified_time":"2024-04-05T15:28:14+00:00","og_image":[{"width":1022,"height":722,"url":"https:\/\/categoriaoutros.com.br\/wp-content\/uploads\/2023\/08\/pinguim-paginas-padrao.webp","type":"image\/webp"}],"author":"Categoria: Outros","twitter_card":"summary_large_image","twitter_creator":"@CategoriaOutros","twitter_site":"@CategoriaOutros","twitter_misc":{"Escrito por":"Categoria: Outros","Est. tempo de leitura":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/categoriaoutros.com.br\/?p=15765#article","isPartOf":{"@id":"https:\/\/categoriaoutros.com.br\/?p=15765"},"author":{"name":"Categoria: Outros","@id":"https:\/\/categoriaoutros.com.br\/#\/schema\/person\/ba0f432708449436912bd6736864bb40"},"headline":"HTML e JavaScript: Clicar em uma C\u00e9lula e Enviar Valor para Campo Input de Formul\u00e1rio","datePublished":"2024-03-20T20:03:52+00:00","dateModified":"2024-04-05T15:28:14+00:00","mainEntityOfPage":{"@id":"https:\/\/categoriaoutros.com.br\/?p=15765"},"wordCount":174,"commentCount":0,"publisher":{"@id":"https:\/\/categoriaoutros.com.br\/#organization"},"keywords":["html","JavaScript"],"articleSection":["html","Inform\u00e1tica"],"inLanguage":"pt-BR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/categoriaoutros.com.br\/?p=15765#respond"]}]},{"@type":"WebPage","@id":"https:\/\/categoriaoutros.com.br\/?p=15765","url":"https:\/\/categoriaoutros.com.br\/?p=15765","name":"HTML e JavaScript: Clicar em uma C\u00e9lula e Enviar Valor para Campo Input de Formul\u00e1rio - Categoria Outros","isPartOf":{"@id":"https:\/\/categoriaoutros.com.br\/#website"},"datePublished":"2024-03-20T20:03:52+00:00","dateModified":"2024-04-05T15:28:14+00:00","breadcrumb":{"@id":"https:\/\/categoriaoutros.com.br\/?p=15765#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/categoriaoutros.com.br\/?p=15765"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/categoriaoutros.com.br\/?p=15765#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/categoriaoutros.com.br\/"},{"@type":"ListItem","position":2,"name":"HTML e JavaScript: Clicar em uma C\u00e9lula e Enviar Valor para Campo Input de Formul\u00e1rio"}]},{"@type":"WebSite","@id":"https:\/\/categoriaoutros.com.br\/#website","url":"https:\/\/categoriaoutros.com.br\/","name":"Categoria Outros","description":"Assuntos Diversos","publisher":{"@id":"https:\/\/categoriaoutros.com.br\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/categoriaoutros.com.br\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/categoriaoutros.com.br\/#organization","name":"Categoria Outros","alternateName":"Categoria Outros","url":"https:\/\/categoriaoutros.com.br\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/categoriaoutros.com.br\/#\/schema\/logo\/image\/","url":"https:\/\/categoriaoutros.com.br\/wp-content\/uploads\/2023\/08\/categoriaoutros-logo.jpg","contentUrl":"https:\/\/categoriaoutros.com.br\/wp-content\/uploads\/2023\/08\/categoriaoutros-logo.jpg","width":400,"height":400,"caption":"Categoria Outros"},"image":{"@id":"https:\/\/categoriaoutros.com.br\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/categoriaoutros","https:\/\/twitter.com\/CategoriaOutros","https:\/\/br.pinterest.com\/CategoriaOutros\/"]},{"@type":"Person","@id":"https:\/\/categoriaoutros.com.br\/#\/schema\/person\/ba0f432708449436912bd6736864bb40","name":"Categoria: Outros","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/categoriaoutros.com.br\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/ed97775f0ab50750ed638ed3417ea85e19ced2c648da167a108e393ae5fd9e33?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ed97775f0ab50750ed638ed3417ea85e19ced2c648da167a108e393ae5fd9e33?s=96&d=mm&r=g","caption":"Categoria: Outros"},"sameAs":["http:\/\/categoriaoutros.com.br"],"url":"https:\/\/categoriaoutros.com.br\/?author=1"}]}},"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/categoriaoutros.com.br\/index.php?rest_route=\/wp\/v2\/posts\/15765","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/categoriaoutros.com.br\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/categoriaoutros.com.br\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/categoriaoutros.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/categoriaoutros.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=15765"}],"version-history":[{"count":4,"href":"https:\/\/categoriaoutros.com.br\/index.php?rest_route=\/wp\/v2\/posts\/15765\/revisions"}],"predecessor-version":[{"id":15809,"href":"https:\/\/categoriaoutros.com.br\/index.php?rest_route=\/wp\/v2\/posts\/15765\/revisions\/15809"}],"wp:attachment":[{"href":"https:\/\/categoriaoutros.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=15765"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/categoriaoutros.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=15765"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/categoriaoutros.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=15765"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}