手机网站开发——订餐模块

首先，将订餐模块分列为早餐、午餐、晚餐等模块，开发其中一个模块，其他类似；下面以早餐模块为例

1） 将早餐做成一个表格<table>，各种食物种类占其中一行<tr>，包括食物名称、单价以及订餐数量

利用<th>标签的title属性，来保存每种食物的名称以及单价，以便在提交时可以计算总价格，连同用户订餐的种类提醒用户，以便确认

2） 订餐数量用一个<input type="text">做成，考虑到输入麻烦，添加了两个<button>，以便用户加减，由于每种食物都有这样一组空间：两个<button>和一个<input type="text">

而每按下+/-按钮，都必须判断出事对哪种食物进行数量上的操作，这就造成一定的麻烦

对买个<button>添加一个value属性，赋以0/1/2/3等值，从而可以根据该index来判断

最终效果如图