Formulário HTML off-line com localStorage

E aí turma, hoje eu vou falar sobre localStorage, um recurso bem bacana do HTML5 que permite armazenar dados localmente, na máquina do usuário, sendo uma alternativa aos cookies.
O objetivo do post é simular uma situação onde é necessário captar dados de pessoas em eventos onde o sinal de internet é ruim, utilizando um tablet e um simples formulário que grava os dados no próprio tablet.

O que é Web Storage?

Antes do HTML5, a única forma de gravar dados localmente era através de Cookies. Com Web Storage, você pode fazer isso também, mas de uma maneira mais segura e com maior capacidade de armazenamento, sem afetar performance.
Compatibilidade de navegadores com Local Storage - Por Aylton Inacio - Cursos online - Sites Otimizados, Web Analytics e Banco de Dados
Se preferir, tem o vídeo completo sobre Formulário HTML off-line com localStorage aqui! Aproveite para assinar o canal e ficar por dentro das novidades em vídeo.
O sistema que vou mostrar é muito simples, com dois campos (Nome e Idade), e não existe formatação, validação de dados e outros recursos, então vou deixar em aberto pra você melhorar depois nos seus estudos.
O código HTML para montar os campos está "solto", nem tag Form eu coloquei, justamente pra deixar bem simples e objetivo.
Gostando do post? Acesse o conteúdo completo: Formulário HTML off-line com localStorage

Comentários

Postagens mais visitadas deste blog

O que são Usuários, Sessões e PageViews no Google Analytics

Como criar um mapa preenchido no Looker Studio

Testes condicionais com Datas no Looker Data Studio