小强的HTML5移动开发之路（46）——汇率计算器【2】

最新推荐文章于 2022-04-26 15:29:15 发布

lxq_xsyu

最新推荐文章于 2022-04-26 15:29:15 发布

阅读量4.1k

点赞数 2

分类专栏： jquery mobile PhoneGap 小强的HTML5移动开发之路文章标签： phonegap jquerymobile 汇率计算器

本文链接：https://blog.csdn.net/dawanganban/article/details/23664903

版权

这篇博客继续介绍小强的HTML5移动开发实践，重点在于如何实现汇率计算器的设置页面。通过阅读，读者可以了解如何使用PhoneGap和jQuery Mobile创建一个功能完整的汇率设置界面。

摘要由CSDN通过智能技术生成

在上一篇中我们完成了汇率计算页面，下面来完成汇率设置页面的显示。

	<div class="setRates">
		<div class="header">
			<div class="back"><a href="#" data-rel="back" id="backAndSave"><img src="images/tm.gif" width="93" height="54" border="0"></a></div>
		</div>
		<div class="bg">
			<!--列表-->
			<div class="list">
			  <div class="currency w100"><span class="strong">100</span><span class="f25">美元</span></div>
			  <div class="equal">=</div>
			  <div class="setRates">
				<input type="number" id="r2" maxlength="8" value="1">
			  </div>
			  <div class="flagRight">人民币</div>
			</div>
			
			<div class="list">
			  <div class="currency"><span class="strong">100</span><span class="f25">日元</span></div>
			  <div class="equal">=</div>
			  <div class="setRates">
				<input type="number" id="r3" maxlength="8" value="1">
			  </div>
			  <div class="flagRight">人民币</div>
			</div>
			
			<div class="list">
			  <div class="currency"><span class="strong">100</span><span class="f25">里尔</span></div>
			  <div class="equal">=</div>
			  <div class="setRates">
				<input type="number" id="r4" maxlength="8" value="1">
			  </div>
			  <div class="flagRight">人民币</div>
			</div>
			<div class="list">
			  <div class="currency"><span class="strong">100</span><span class="f25">新加坡元</span></div>
			  <div class="equal">=</div>
			  <div class="setRates">
				<input type="number" id="r5" maxlength="8" value="1">
			  </div>
			  <div class="flagRight">人民币</div>
			</div>
			<div class="list">
			  <div class="currency"><span class="strong">100</span><span class="f25">欧元</span></div>
			  <div class="equal">=</div>
			  <div class="setRates">
				<input type="number" id="r6" maxlength="8" value="1">
			  </div>
			  <div class="flag