如何创建一个购物车

  • 格式:docx
  • 大小:462.40 KB
  • 文档页数:9

如何创建一个购物车

先写出html的大体框架:

在中加入

插入表格。

Label为表单前的名称,type=“text”表示这个表单填写的为文本,type=“number”表示这个表单填写的是数字。

在网页中打开可看到:

想对这三个表单进行美化,于是要将代码修饰下:

可看出网页变化:

在form中的input中加入class="form-control"使每个表单单独成一行。

再加入,产生按钮。

刷新网页:

写下下列代码创建表格:

name price count money

刷新网页:

再插入下列代码:可让在表单中输入的东西点击按钮后出现在表格上面。

刷新网页:

在表单上输入的东西点击按钮后可出现在表格中:

如此就可做完购物车。

整个购物车的完整代码如下:

data manipulation

type="text">

type="number">

name price count money