如何保存javascript动态生成的标签？

想用一个网页登记住宿信息：
即填写好住宿信息后，点击按钮，就会将住宿信息写在当前网页上。

<script type="text/javascript">
function insert_a_record() {
var p = document.createElement("P");
p.innerText = fm.record.value;
document.body.appendChild(p);
}
</script>

<form id="fm">
<input type="text" value="此处登记住宿信息" name="record">
<input type="button" value="保存一条住宿记录" onclick="insert_a_record()">
</form>

但问题出现了，这个动态生成的含有住宿信息的 <P>标签， 在网页刷新，或是重新打开后，就会不见。怎么办？

有没有办法不让它消失，又能完成多条住宿信息填写的功能？

那不可能啊~
javascript就是在浏览其中执行的啊 一刷新肯定没有啊~！
除非你用ajax存入数据库！
正常的套路都是用javascript 做个效果 然后把一些文本 存入到一个hidden的input中 再一提交 将那个input中的值录入数据库！

不用这么复杂,直接在服务器控件btn1按钮上添加 onclientclick事件属性 onclientclick = "return confirm("确定吗?");"