HTML怎么在下一个页面获取自定义标签的文本内容

图片说明
我想把右下角的“玫瑰”两个字传到下一个页面作为数据库检索标签，请问怎么实现？
目前代码部分：

 <div id="introduction" style="text-align:left;width:50%;font-weight:bold;color:white;">美利坚合众国……引美国梦。国花为
 <form style="display:inline;"action="";method="post";><input type="submit" value="玫瑰">
</form></div>

补充：

美利坚合众国……引美国梦。国花为

静态页面用get提交，要不可能报错，js也无法获取post提交的参数。js可以用location.search得到查询参数，而且input要有name才会提交

 <form style="display:inline;" action="" ;method="get" ;>
    <input type="submit" value="玫瑰" name="s">
</form>
<script>
    var s = location.search.substring(1);
    if(s)alert(decodeURIComponent( s))
</script>

可以直接做为参数传过去啊

var s = location.search.substring(1); if(s)alert(decodeURIComponent( s))

用js保存到缓存中，比如localStorage ,sessionStorage在下个页面中获取
怎么用参考http://blog.csdn.net/zhoujn90/article/details/8661778

页面跳转的时候可以做带参传递的