在登录页面如何实现记住用户名和密码这个功能

在登录页面如何实现记住用户名和密码这个功能？
思路：使用cookie的方法将用户名和密码保存到本地电脑上，再设置一个cookie的有效时间就行了
安全性怎么破？

加密数据？

------------------------------------

function setCookie(name, value, timeout) {
var d = new Date();
d.setDate(d.getDate() + timeout);
document.cookie = name + '=' + value + ';expires=' + d;
}
function getCookie(name) {
var arr = document.cookie.split('; ');
for ( var i = 0; i < arr.length; i++) {
var arr2 = arr[i].split('='); //['abc','cba']
if (arr2[0] == name) {
return arr2[1];
console.log(arr2[1]);
}
}
return '';

}

PS在页面载入时获取cookie

//获取cookie
var userName = getCookie("username");
console.log(userName);
if (userName) {
$scope.user.username = userName;
}

在勾选时设置cookie

if ($scope.checkbox) {
//设置一天后清除cookie
setCookie("username", $scope.user.username, 1);
//跳转到一个登录成功页面
$location.path("/member/personalInfo");
} else {
//跳转到一个登录成功页面
$location.path("/member/personalInfo");
}

PS：
Cookie 字符串
document.cookie 属性看起来像一个普通的文本字符串，其实它不是。
即使您在 document.cookie 中写入一个完整的 cookie 字符串, 当您重新读取该 cookie 信息时，cookie 信息是以名/值对的形式展示的。
如果您设置了新的 cookie，旧的 cookie 不会被覆盖。 新 cookie 将添加到 document.cookie 中，所以如果您重新读取document.cookie，您将获得如下所示的数据：
cookie1=value; cookie2=value;