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

自己對(duì)于layui的認(rèn)識(shí)

Original 2019-06-08 09:20:07 363
abstract:自己將layui理解為積木,自己想要拼裝什么樣的網(wǎng)站就選取合適的模塊來(lái)進(jìn)行拼裝。也有點(diǎn)像半成品的網(wǎng)站(軟件)全部拿過(guò)來(lái)適當(dāng)修改也可以使用。就是現(xiàn)在還不知道基于里面的模塊修改(更改按鈕、表單、滑塊顏色長(zhǎng)度。高度、box-shadow等等一系列的屬性)還得進(jìn)一步學(xué)習(xí)。完成的課堂作業(yè):<!DOCTYPE html><html><head> <title>登

自己將layui理解為積木,自己想要拼裝什么樣的網(wǎng)站就選取合適的模塊來(lái)進(jìn)行拼裝。也有點(diǎn)像半成品的網(wǎng)站(軟件)全部拿過(guò)來(lái)適當(dāng)修改也可以使用。

就是現(xiàn)在還不知道基于里面的模塊修改(更改按鈕、表單、滑塊顏色長(zhǎng)度。高度、box-shadow等等一系列的屬性)還得進(jìn)一步學(xué)習(xí)。

完成的課堂作業(yè):

<!DOCTYPE html>

<html>

<head>

<title>登錄</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><!-- 引入基礎(chǔ)核心庫(kù) -->

</head>

<body style="background:#1E9FFF">


    <div style="width:500px;margin:200px auto 0px">

       <div style="background:#fff;border-radius:4px;box-shadow:5px 5px 20px #444;padding:20px">

           <form class="layui-form">

                <div class="layui-form-item" style="color:gray">

                   <h2>后臺(tái)管理系統(tǒng)</h2>

                </div>

                <hr>

                <div class="layui-form-item">

<label class="layui-form-label">用戶名</label>

<div class="layui-input-block">

<input type="text" name="title" required lay-verify="required" placeholder="請(qǐng)輸入用戶名" autocomplete="off" class="layui-input">   

</div>

</div>

<div class="layui-form-item">

<label class="layui-form-label">密碼</label>

<div class="layui-input-block">

<input type="password" name="title" required lay-verify="required" placeholder="請(qǐng)輸入用密碼" autocomplete="off" class="layui-input">   

</div>

</div>

<div class="layui-form-item">

<label class="layui-form-label">驗(yàn)證碼</label>

    <div class="layui-input-inline">

      <input type="text" name="password" required lay-verify="required" placeholder="請(qǐng)輸入驗(yàn)證碼" autocomplete="off" class="layui-input">

</div>

                <img src="../yz.png">

               <br/>

               <br/>

                  <div class="layui-form-item">

    <div class="layui-input-block">

      <button class="layui-btn" lay-submit lay-filter="formDemo">登錄</button>

    </div>

</div>

           </form>

       </div>

    </div>


</body>

</html> 



Correcting teacher:查無(wú)此人Correction time:2019-06-10 09:49:01
Teacher's summary:完成的不錯(cuò)。前端還有很多框架,都可以參考,保存最適合你的框架。繼續(xù)加油。

Release Notes

Popular Entries