购物表格制作

2401_86358637

于 2024-09-12 03:24:11 发布

阅读量261

点赞数 2

文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/2401_86358637/article/details/142154833

版权

        margin-left: 250px;

    }

    .add .ml{

        padding-left: 750px;

    }

    .add .total{

        color: red;

        font-size: 24px;

    }

    .addlist input{

        width: 200px;

        

        padding: 10px;

        margin-top: 10px;

        line-height: 20px;

    }

    .addlist{

        width: 200px;

        margin: 20px auto;

    }

    

</style>

<div class="logo">

    <img src="https://t7.baidu.com/it/u=3506328143,3426165305&fm=193&f=GIF" width="300" height="150">

</div>

<div class="table">

    <table></table>

</div>

<div class="add">

    

    <span class="ml">总价:￥<span class="total">0</span></span>

</div>

<div class="addlist">

    <form>

        <input type="text" name="name" placeholder="输入商品名称"><br>

        <input type="text" name="price" placeholder="输入商品价格"><br>

        <input type="text" name="num" placeholder="输入商品数量"><br>

        <input type="text" name="url" placeholder="输入地址"><br>

        <input type="button" name="button" value="添加">

    </form>

    

</div>