Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Toscosan

Formulário com envio

Recommended Posts

Boa tarde,

 

          Estou aqui para pedir ajuda, sou totalmente leigo nesta areá, tenho experiencia com infraestrutura/telecomunicações > cisco/mikrotik e etc. 

Conforme imagem em anexo, gostaria de fazer um semelhante, gostaria de saber como coloca um campo texto/numérico em cima de uma imagem em um formulario conforme destacado, alguém poderia me passa a receita e o bolo rs ?

sul ca.PNG

Compartilhar este post


Link para o post
Compartilhar em outros sites
<section class="topo-materia cor-primaria visivel-desktop" style="font-family: &quot;Trebuchet MS&quot;, &quot;Unimed Sans&quot;, Arial; color: rgb(0, 153, 93) !important;">
<div class="colunas-topo titulo-noticia ">
<h2 class="cor-primaria" style="font-family: UnimedSlab-SemiBold; font-size: 2.5em; line-height: 1.1em !important; color: rgb(0, 153, 93) !important;">Conheça a Ouvidoria da Unimed Norte Capixaba</h2>
</div>
</section>

<section class="corpo-chamada-viver-bem" style="color: rgb(91, 92, 101); font-family: &quot;Trebuchet MS&quot;, &quot;Unimed Sans&quot;, Arial;">
<section class="cor-viver-bem-cinza">
<p align="center">&nbsp;</p>

<p align="justify">Saber ouvir é uma virtude que cultivamos para garantir a satisfação de nossos clientes. Apostamos sempre no diálogo e na compreensão, por isso, além dos canais de relacionamento que já disponibilizamos, temos também a Ouvidoria. Esse serviço foi criado para conferir ainda mais a qualidade ao atendimento que oferecemos a você, cliente. A Ouvidoria é um canal de comunicação de segunda instância, ou seja, se a reposta apresentada pelos canais de primeira instância não tenham sido satisfatórias, a Ouvidoria estará à disposição.</p>

<p align="center">&nbsp;</p>

<p align="center">&nbsp;</p>

<p align="center"><span style="color: rgb(255, 140, 0);"><span style="font-size: 16px;"><strong>Conheça os canais de atendimento de primeira instância!</strong></span></span></p>

<p align="justify"><strong>- Central de Atendimento:</strong>&nbsp;O telefone é a primeira opção para falar com a Unimed Norte Capixaba, pelo número 0800 645&nbsp;4090.</p>

<p align="justify"><strong>- Fale Conosco:</strong>&nbsp;No menu "Fale Conosco" &nbsp;acesse o canal direto para falar com a Cooperativa.</p>

<p align="justify"><strong>- Caixa de Sugestão:</strong>&nbsp;Nas Lojas de Atendimento e em nossos Recursos Próprios, o cliente tem um espaço para dar sugestões por escrito.</p>

<p align="justify"><strong>- Atendimento Presencial:</strong>&nbsp;Caso queira entrar em contato com a cooperativa, basta procurar uma das Lojas de Atendimento ou Central de Relacionamento, de segunda à sexta-feira das 7h30&nbsp;às 17h30. Consulte o endereço em nosso site.</p>

<p align="justify">&nbsp;</p>

<p style="text-align: center;">&nbsp;</p>

<p style="text-align: center;"><span style="color: rgb(255, 140, 0);"><span style="font-size: 16px;"><strong>Como entrar em contato com a Ouvidoria?</strong></span></span></p>

<p align="justify">Você, cliente, pode entrar em contato preenchendo&nbsp;o formulário abaixo.</p>

<p align="justify">Existe também o contato por correspondência através do endereço &nbsp;Avenida&nbsp;Augusto Calmon, n°2050, Colina, Linhares&nbsp;- ES, Cep: 29.900-060. O cliente deverá informar seu número de protocolo adquirido em um de nossos canais de relacionamentos.</p>

<p align="center">&nbsp;</p>

<p align="center"><strong style="color: rgb(255, 140, 0); font-size: 16px;">Fique atento às informações e conte sempre com a Unimed Norte&nbsp;Capixaba para esclarecer suas dúvidas!</strong></p>

<p align="center">&nbsp;</p>
</section>
</section>

<form action="/sendemail?formulario=Ouvidoria&amp;destinatario=ouvidoria@unimednc.com.br" class="form-cked" data-method="POST" data-toemail="false" enctype="application/x-www-form-urlencoded" method="POST" name="Ouvidoria" onsubmit="return validateForm(this);">
<p>&nbsp;</p>

<p><font face="tahoma, arial, helvetica, sans-serif" style="color: rgb(0, 0, 0);"><span style="font-size: 12px;">Códico do Cartão:</span></font><span style="color: rgb(0, 0, 0);"><input name="Códico do Cartão" onkeypress="return validarMascara(this, event);" required="required" type="numerico" /></span></p>

<p><span style="color: rgb(0, 0, 0); font-family: tahoma, arial, helvetica, sans-serif; font-size: 12px;">Número do Protocolo: </span><input name="Número do Protocolo:" onkeypress="return validarMascara(this, event);" required="required" type="numerico" /></p>

<p><span style="color: rgb(0, 0, 0); font-family: tahoma, arial, helvetica, sans-serif; font-size: 12px;">Telefone de Contato:<input name="Telefone de Contato:" onkeypress="return validarMascara(this, event);" required="required" type="tel" /></span></p>

<p><span style="color: rgb(0, 0, 0); font-family: tahoma, arial, helvetica, sans-serif; font-size: 12px;">E-mail: <input name="E-mail:" onkeypress="return validarMascara(this, event);" required="required" type="email" /></span></p>

<p><font face="tahoma, arial, helvetica, sans-serif"><span style="font-size: 12px;">Motivo do contato: <select name="Motivo"><option selected="selected" value="">Elogios</option><option selected="selected" value="">Sugestões</option><option selected="selected" value="">Consultas</option><option selected="selected" value="">Reclamações</option></select></span></font></p>

<p><span style="color: rgb(0, 0, 0); font-family: tahoma, arial, helvetica, sans-serif; font-size: 12px;">Descrição:&nbsp;</span></p>

<p>;<span style="color: rgb(0, 0, 0); font-family: tahoma, arial, helvetica, sans-serif; font-size: 12px;"><textarea cols="5" name="Descrição:" rows="5"></textarea></span></p>

<p><input name="Enviar" type="submit" /><input name="Limpar" type="reset" /></p>
<script src="https://www.unimed.coop.br/html/js/editor/ckeditor/plugins/forms/formvalidate.js" type="text/javascript"></script></form>

<p>&nbsp;</p>

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Toscosan, não sei entendi tua dúvida muito bem. Esse código que você postou é o código da imagem do primeiro post?

Porque senão, pra fazer um isso é necessário um design criar o estilo (style/css) pra fazer isso.

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por violin101
      Caros amigos, saudações.
       
      Estou escrevendo um Sistema Java Web e quando clico no Botão Salvar, o Java acusa esse erro:

      ERROR: Cannot invoke "Object.toString()" because the return value of "java.util.Map.get(Object)" is null
       
      Já tentei de várias formas resolver esse problema, mas não estou conseguindo.

      Por favor, alguém pode me ajudar identificar a origem e resolver o problema acima ?

      Grato,
       
      Cesar
    • Por violin101
      Caros amigos, saudações.

      Estou enfrentando um problema que não consigo entender.

      Após Instalar o MySql versão 8.0.36, funciona corretamente realizando as conexões.

      O problema é:
      ---[ após reiniciar o micro, o MySql não faz as conexões.
      --[ tenta localizar este arquivo, mas não acha: my.ini
       
      Onde localizo ou configuro este arquivo na Pasta MySql ?

      Grato,
       
      Cesar
    • Por luiz monteiro
      Olá.
      Estou atualizando meu conhecimento com Front-End e me deparei com o seguinte problema.
      Criei um sistema para fazer o upload de imagens e alguns campos text.
      Algo bem simples para depois começar a estudar javascript para mostrar a miniatura....
      Mas quando saio do navegador Chrome ou da aba por mais de 3 minutos, ao retornar o navegador as vezes atualiza ou nem chega atualizar mas limpa os campos.
      Estou usando um Smart Motorola com Android, mas um amigo testou no iPhone e acontece a mesma coisa.
      Gostaria de saber se há como usar javascript para evitar isso?
      Agradeço desde já.

      <!DOCTYPE html>
      <html>
      <head>
          <meta charset="utf-8">
          <meta name="viewport" content="width=device-width, initial-scale=1">
          <title>Uploader</title>
      </head>
      <body>
          <form action="?" method="post" enctype="multipart/form-data">
              <br><br>
              <div>selecione a imagem 1</div>
              <input type="file" name="foto1" accept="image/*">
              <br><br>
              <input type="text" name="nome_imagem1">
              
              <br><br>
              <input type="file" name="foto2" accept="image/*">
              <br><br>
              <input type="text" name="nome_imagem2">
              
              <br><br>

              <input type="file" name="foto3" accept="image/*">
              <br><br>
              <input type="text" name="nome_imagem3">
              
              <br><br>
              <input type="submit" value="Enviar">
              <br><br>
          </form>
      <?php
      if ($_SERVER['REQUEST_METHOD'] == 'POST')
      {
          vardump ($_FILES);
      }
      ?>
      </body>
      </html>
       
       
       
    • Por violin101
      Caros amigos, saudações.
       
      Por favor, preciso de ajuda em Relação a Instalar o Jasper Reports no Eclipse, pois a opção de Eclipse Marketplace, não encontra para instalar.
       
      Já tentei de todas as formas mas não consegui, alguém conhece alguma rotina explicando este procedimento ?
       
      Grato,
       
      Cesar
    • Por violin101
      Caros amantes da informática.
       
      Saudações.
       
      Estou usando o Eclipse Mars versão 4.5.0  e o 4.5.2, acredito que deva ter versões mais novas. 
      Sou novato em JAVA e estou encontrando alguns problema em Instalação de alguns plugins, como por exemplo:
       
      1) quando tento instalar o JBoss Tools através do Eclipse Marteplace, o Eclipse não o encontra na lista de plugins.
      2) se tento instalar através do Install New Software, abaixa alguns arquivos, mas também não instala o JBoss.
      3) se abro o site e arrasto o download para a área de trabalho do Eclipse, também não instala o JBoss.
       
      Caros amigos, existe outra alguma forma de instalar o JBoss Tools no Eclipse e como seria ?
       
      Grato,
       
      Cesar
       
       
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.