尝试使用 JavaScript 将用户名和密码存储在 cookie 中

Question

I am trying to store the password and username inside a cookie and when the user logs in again to the page it should show the username and password here is the cookie function, it should store the cookie for 15 days and then it expires

here is the code

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

here is the 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();} 

but when I refresh the page the text inside the input fields disappear

Answer 1

Try this

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