1、创建页面
- 拷贝blogs.html 改名为blogs-input.html
2、修改二级导航默认选择
3、top
<!--top-->
<div class="field">
<div class="ui left labeled input">
<div class="ui selection compact teal basic dropdown label"><!--compact适应文本-->
<input type="hidden" value="原创">
<i class="dropdown icon"></i>
<div class="text">原创</div>
<div class="menu">
<div class="item" data-value="原创">原创</div>
<div class="item" data-value="转载">转载</div>
<div class="item" data-value="翻译">翻译</div>
</div>
</div>
<input type="text" name="title" placeholder="标题">
</div>
</div>
4、内容多行输入框
<!--内容-->
<div class="field">
<textarea placeholder="博客内容" name="content"></textarea>
</div>
5、分类,标签列表
<!--分类,标签列表-->
<div class="two fields">
<div class="field">
<div class="ui left labeled action input">
<label class="ui compact teal basic label">分类</label>
<div class="ui fluid selection dropdown"><!--multiple可多选-->
<input type="hidden" name="type">
<i class="dropdown icon"></i>
<div class="default text">分类</div>
<div class="menu">
<div class="item" data-value="1">错误日志</div>
<div class="item" data-value="2">开发者手册</div>
</div>
</div>
</div>
</div>
<div class="field">
<div class="ui left labeled action input">
<label class="ui compact teal basic label">标签</label>
<div class="ui fluid selection multiple search dropdown">
<input type="hidden" name="tag">
<i class="dropdown icon"></i>
<div class="default text">标签</div>
<div class="menu">
<div class="item" data-value="1">Java</div>
<div class="item" data-value="2">JavaScript</div>
</div>
</div>
</div>
</div>
</div>
6、首图引用地址
<!--添加首页地址-->
<div class="field">
<div class="ui left labeled input">
<label class="ui teal basic label">首图</label>