亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

使用layui框架完成網(wǎng)站后退布局

original 2019-05-13 15:59:08 250
abstrait:<!doctype html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta name="viewp
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
 content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="../static/plugins/layui/css/layui.css">
    <script type="text/javascript" src="../static/plugins/layui/layui.js"></script>
    <style>
 .header span{background: #009688;color: #fff;padding: 10px;margin-left: 30px;line-height:32px;}
        .header{border-bottom: 2px #009688 solid;}
    </style>
</head>
<body>
<div class="header">
    <span>商品添加</span>
</div>
<form class="layui-form" action="" style="margin-top: 10px;">
    <div class="layui-form-item">
        <label class="layui-form-label">商品類目</label>
        <div class="layui-input-inline">
            <select name="city" lay-verify="required">
                <option value=""></option>
                <option value="0">美食</option>
                <option value="1">美妝</option>
                <option value="2">日用</option>
                <option value="3">電器</option>
                <option value="4">衣服</option>
            </select>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">商品名稱</label>
        <div class="layui-input-inline">
            <input type="password" name="password" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">價(jià)格</label>
        <div class="layui-input-inline">
            <input type="password" name="password" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label"></label>
        <div class="layui-input-inline">
            <button type="button" class="layui-btn" id="test1">
                <i class="layui-icon">&#xe67c;</i>上傳圖片
            </button>
        </div>
    </div>
    <div class="layui-form-item">
        <label for="" class="layui-form-label">描述</label>
        <div class="layui-input-inline">
            <textarea name="" id="" cols="40" rows="12" class="layui-textarea" style="width: 350px;"></textarea>
        </div>
    </div>
    <div class="layui-form-item">
        <label for="" class="layui-form-label">狀態(tài)</label>
        <div class="layui-input-inline">
            <input type="checkbox" name="like[online]" title="上架">
        </div>
    </div>
    <div class="layui-form-item">
        <label for="" class="layui-form-label"></label>
        <div class="layui-input-inline">
            <button class="layui-btn">保存</button>
        </div>
    </div>



</form>
<script>
 layui.use(['form','upload'], function(){
        var form = layui.form;
 var upload = layui.upload;

 //執(zhí)行實(shí)例
 var uploadInst = upload.render({
            elem: '#test1' //綁定元素
 ,url: '/upload/' //上傳接口
 ,done: function(res){
                //上傳完畢回調(diào)
 }
            ,error: function(){
                //請(qǐng)求異?;卣{(diào)
 }
        });
 });
</script>
</body>
</html>


Professeur correcteur:查無(wú)此人Temps de correction:2019-05-14 09:29:47
Résumé du professeur:完成的不錯(cuò)。還沒(méi)學(xué)習(xí)PHP嗎?上傳接口,可以練習(xí)了。繼續(xù)加油

Notes de version

Entrées populaires