Ajuda com formulário

[dirce]

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 Dezembro 27, 2012 por dirce

[Luís Filipe (BlogueiroVip)]

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!

[dirce]

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>
&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