1、第一步,双击打开HBuilder编辑工具,在Web项目的指定目录下新建静态页面passwo筠续师诈rd.html,如下图所示:
2、第二步,在<body></body>标签元素内插入三个输入框和两个岳蘖氽颐按钮,按钮分别为加密和解密,如下图所示:
3、第三步,在jQuery初始化函数内,编写加密和解密按钮的点击事件,分别从输入框中获取值,然后加密,解密,如下图所示:
4、第四步,保存代码并预览该静态页面,在第一个输入框输入含有特殊字符的字符串,然后分别点击加密恽但炎杰和解密按钮,查看第二个和第三个输入框显示的内容,如下图所示:
5、第五步,设置input输入框的样式,如宽度为800px、高度为50px、字体属性和字体大小,如下图所示:
6、第六步,为了让显示的内容更为全面,再次保存代码并预览页面,可以查看到加密和解密字符串,如下图所示: