Zachowywanie danych w input type="text"

pytanie zadane 16 lutego 2019 w HTML i CSS przez zerakot Obywatel (1,870 p.)

Witam,

Jak zrobić, aby po odświeżeniu strony w input type="text" było to samo, co przed odświeżeniem.

komentarz 16 lutego 2019 przez Tomek Sochacki Ekspert (227,510 p.)

pytanie zasadnicze - chcesz aby zawsze była tam początkowo jakaś "startowa wartość domyślna", czy jakaś konkretna wartość wpisana przez usera?

Jeśli to pierwsze no to po prostu atrybut placeholder, a jak drugie to tak jak napisał JSHolic, skorzystaj z jakiegoś storage client-side.

komentarz 16 lutego 2019 przez zerakot Obywatel (1,870 p.)

A którego rodzaju tego storage użyć?

komentarz 16 lutego 2019 przez Tomek Sochacki Ekspert (227,510 p.)

do takich rzeczy chyba najlatwiej i najszybciej localStorage. sessionStorage zniknie Ci po skończeniu client-session, IndexedDB jest fajne, ale nieco trudniejsze w obsłudze, a w cookie nie ma to kompletnie sensu bo nie jest to żadna informacja, która powinna być przesyłana w każdym requeście.

komentarz 16 lutego 2019 przez zerakot Obywatel (1,870 p.)

A w php/html się nie da?

komentarz 16 lutego 2019 przez Tomek Sochacki Ekspert (227,510 p.)

localStorage.setItem('name', 'value');

// potem

let data;
try {
  data = JSON.parse(localStorage.getItem('name'));
} catch (err) {
 // error
}

// i przypisanie do value albo placeholder inputa

wydaje mi się, że localStorage ma chyba najprostsze API... znacznie przyjemniejsze niż cookie :)

komentarz 16 lutego 2019 przez zerakot Obywatel (1,870 p.)

A co mam wpisać do name i value?

komentarz 16 lutego 2019 przez niezalogowany

"name" to nazwa, którą chcesz nadać przechowywanej wartości, np. nazwa pola

"value" to wartość, którą chcesz przechowywać (do wyświetlenia w polu tekstowym)