Ir para conteúdo
Fórum Script Brasil
  • 0

Ajuda com formulário


dirce

Pergunta

Oi gente, tudo bem?

Estou precisando de um help, eu tenho esse formulário em html5, e preciso aplicar localstorage nele, com um botão de salvar dados, para o cliente conseguir ve-lo toda vez que entra no formulário. Eu preciso que seja em html5, pois estou fazendo para um tablet. Alguém pode me ajudar, pois eu acho algumas coisas, mas os JQuery fica inline e é muito dificil pra entender.

<form action="" method="post" id="form">

<div class="input">

<label for="nome" id="texto">Nome: </label><br>

<input name="nome" type="text" id="nome" size="48" /><p>

</div>

<div class="input">

<label for="tel" id="texto">Telefone:</label><br>

<input type="tel" name="tel" id="tel" size="48" /><p>

</div>

<div class="input">

<label for="email" id="texto">Email: </label><br>

<input type="email" name="email" id="email" size="48" /><p>

</div>

<div class="imput">

<label for="com" id="texto">Deixe um comentario, critica ou sugestão.</label><br>

<textarea name="com" cols="40" rows="8" id="com"></textarea>

<p>

<input type="submit" value="Enviar Pesquisa" id="salvar"/>

</form>

Editado por dirce
Link para o comentário
Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

  • 0
Oi gente, tudo bem?

Estou precisando de um help, eu tenho esse formulário em html5, e preciso aplicar localstorage nele, com um botão de salvar dados, para o cliente conseguir ve-lo toda vez que entra no formulário. Eu preciso que seja em html5, pois estou fazendo para um tablet. Alguém pode me ajudar, pois eu acho algumas coisas, mas os JQuery fica inline e é muito dificil pra entender.

<form action="" method="post" id="form">

<div class="input">

<label for="nome" id="texto">Nome: </label><br>

<input name="nome" type="text" id="nome" size="48" /><p>

</div>

<div class="input">

<label for="tel" id="texto">Telefone:</label><br>

<input type="tel" name="tel" id="tel" size="48" /><p>

</div>

<div class="input">

<label for="email" id="texto">Email: </label><br>

<input type="email" name="email" id="email" size="48" /><p>

</div>

<div class="imput">

<label for="com" id="texto">Deixe um comentario, critica ou sugestão.</label><br>

<textarea name="com" cols="40" rows="8" id="com"></textarea>

<p>

<input type="submit" value="Enviar Pesquisa" id="salvar"/>

</form>

Olá, pra isso é preciso de alguns scripts! Primeiro baixe esse arquivo em zip: http://blogueirovip.6te.net/salvarauto.zip e joga os dois arquivo que tem nele dentro do local do formulário, mas você também precisa modificar o código! Eu modifiquei e ele ficou assim:

<script type="text/javascript" src="jquery.min.js">
</script>
<script src="autosaveform.js">
</script>
<script>
var formsave1=new autosaveform({
    formid: 'form',
    pause: 1000 //<--no comma following last option!
})
</script>
    <form action="" method="post" id="form">
        <div class="input">
            <label for="nome" id="text">Nome: </label><br>
            <input name="nome" type="text" id="nome" size="48"/>
            <p>
            </div>
            <div class="input">
                <label for="tel" id="text">Telefone:</label><br>
                <input type="tel" name="tel" id="tel1" size="48"/>
                <p>
                </div>
                <div class="input">
                    <label for="email" id="text">Email: </label><br>
                    <input type="email" name="email" id="email1" size="48"/>
                    <p>
                    </div>
                    <div class="input">
                        <label for="com" id="text">Deixe um comentario, critica ou sugestão.</label><br>
                        <textarea name="com" cols="40" rows="8" id="com"></textarea>
                        <p>
                            <input type="submit" value="Enviar Pesquisa" id="salvar"/>
                        </form>

Para cada input você precisa por um id diferente!

Link para o comentário
Compartilhar em outros sites

  • 0
Oi gente, tudo bem?

Estou precisando de um help, eu tenho esse formulário em html5, e preciso aplicar localstorage nele, com um botão de salvar dados, para o cliente conseguir ve-lo toda vez que entra no formulário. Eu preciso que seja em html5, pois estou fazendo para um tablet. Alguém pode me ajudar, pois eu acho algumas coisas, mas os JQuery fica inline e é muito dificil pra entender.

<form action="" method="post" id="form">

<div class="input">

<label for="nome" id="texto">Nome: </label><br>

<input name="nome" type="text" id="nome" size="48" /><p>

</div>

<div class="input">

<label for="tel" id="texto">Telefone:</label><br>

<input type="tel" name="tel" id="tel" size="48" /><p>

</div>

<div class="input">

<label for="email" id="texto">Email: </label><br>

<input type="email" name="email" id="email" size="48" /><p>

</div>

<div class="imput">

<label for="com" id="texto">Deixe um comentario, critica ou sugestão.</label><br>

<textarea name="com" cols="40" rows="8" id="com"></textarea>

<p>

<input type="submit" value="Enviar Pesquisa" id="salvar"/>

</form>

Olá, pra isso é preciso de alguns scripts! Primeiro baixe esse arquivo em zip: http://blogueirovip.6te.net/salvarauto.zip e joga os dois arquivo que tem nele dentro do local do formulário, mas você também precisa modificar o código! Eu modifiquei e ele ficou assim:

&lt;script type="text/javascript" src="jquery.min.js">
</script>
&lt;script src="autosaveform.js">
</script>
&lt;script>
var formsave1=new autosaveform({
    formid: 'form',
    pause: 1000 //<--no comma following last option!
})
</script>
    <form action="" method="post" id="form">
        <div class="input">
            <label for="nome" id="text">Nome: </label><br>
            <input name="nome" type="text" id="nome" size="48"/>
            <p>
            </div>
            <div class="input">
                <label for="tel" id="text">Telefone:</label><br>
                <input type="tel" name="tel" id="tel1" size="48"/>
                <p>
                </div>
                <div class="input">
                    <label for="email" id="text">Email: </label><br>
                    <input type="email" name="email" id="email1" size="48"/>
                    <p>
                    </div>
                    <div class="input">
                        <label for="com" id="text">Deixe um comentario, critica ou sugestão.</label><br>
                        <textarea name="com" cols="40" rows="8" id="com"></textarea>
                        <p>
                            <input type="submit" value="Enviar Pesquisa" id="salvar"/>
                        </form>

Para cada input você precisa por um id diferente!

Oi Eu vou teste, muito obrigada

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152k
    • Posts
      651,8k
×
×
  • Criar Novo...