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

彈出表單操作

original 2019-03-22 16:42:15 298
abstrait:<!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> <link rel="stylesheet" type="text/css"&
<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta charset="utf-8">
	<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 type="text/css">
    .layui-form{margin-top: 20px;}
    .layui-btn{margin-left: 150px;}
  </style>
</head>
<body>
<form class="layui-form" action="">
  <div class="layui-form-item">
    <label class="layui-form-label">用戶名</label>
    <div class="layui-input-inline">
      <input type="text" name="text" class="layui-input">
    </div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label">性別</label>
    <input type="radio" name="sex" value="nan" title="男">
    <input type="radio" name="sex" value="nv" title="女" checked> 
  </div>
   <div class="layui-form-item">
   <label class="layui-form-label">顯示名稱</label>
    <input type="checkbox" name="zzz" lay-skin="switch" lay-text="開啟|關(guān)閉">
    </div>
  </div>
	<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">小組1</option>
        <option value="1">小組2</option>
        <option value="2">小組3</option>
        <option value="3">小組4</option>
        <option value="4">小組5</option>
        <option value="5">小組6</option>
        <option value="6">小組7</option>
      </select>
    </div>
  </div>
  <div class="layui-form-item">
  <label class="layui-form-label">狀態(tài)</label>
  <div class="layui-input-block">
    <input type="checkbox" name="checkbox" title="禁用" lay-skin="primary">
  </div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label">更多說明</label>
    <textarea name="" required lay-verify="required" placeholder="請輸入" class="layui-textarea"></textarea>
  </div>

<button class="layui-btn">保存</button>
</form>
<script>
//Demo
layui.use('form', function(){
  var form = layui.form;
});
</script>
</body>
</html>


Professeur correcteur:查無此人Temps de correction:2019-03-22 17:26:46
Résumé du professeur:完成的不錯。頁面很重要,因為html沒有邏輯,所以這個要靠自己多練習。繼續(xù)加油。

Notes de version

Entrées populaires