嘗試使用 JavaScript 將用戶名和密碼存儲在 cookie 中

Question

我正在嘗試將密碼和用戶名存儲在 cookie 中，當用戶再次登錄頁面時，它應該顯示用戶名和密碼，這里是 cookie function，它應該存儲 cookie 15 天然后過期

這是代碼

                <input type="text" id=user ><br>
                <label for="key" id=passlbl>password:</label><br>
                <input type="password" id="pd">

這是 javascript

let username = document.getElementById("user");
let pwd = document.getElementById("pd");

createCookie(username.value,pwd.value)

function createCookie(name,pwds){
    today = new Date();
    var expire = new Date();
    expire.setTime(today.getTime() + 3600000*24*15);
    document.cookie = name.value+"="+encodeURI(pwds.value)+";path=/" + ";expires="+expire.toUTCString();} 

但是當我刷新頁面時，輸入字段中的文本消失了

Answer 1

嘗試這個

 function createCookie(name,pwds){ let username = document.getElementById("user"); let pwd = document.getElementById("pd"); today = new Date(); var expire = new Date(); expire.setTime(today.getTime() + 3600000*24*15); document.cookie = "name="+username.value+";path=/" + ";expires="+expire.toUTCString(); document.cookie = "password="+encodeURI(pwd.value)+";path=/" + ";expires="+expire.toUTCString(); //can only write one entity at a time (name, pass) } //event handler for page load - runs on every refresh window.onload = function(){ //how to read back the stored name and password? //https://stackoverflow.com/q/10730362/6160662 //https://stackoverflow.com/q/5639346/6160662 //for now var uname = 'Route66'; var pass = '123456'; document.getElementById('user').value = uname; document.getElementById('pd').value = pass; }

 <input type="text" id="user"> <input type="password" id="pd"> <input type="button" onclick="createCookie()" value="submit">