admin管理员组文章数量:1616686
文章目录
-
- 1、创建页面
- 2、修改二级导航默认选择
- 3、top
- 4、内容多行输入框
- 5、分类,标签列表
- 6、首图引用地址
- 7、复选框
- 8、按钮
- 9、添加表达验证
- 10、最终效果
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>
<input type=
版权声明:本文标题:Spring Boot制作个人博客-博客发布页 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://m.elefans.com/dongtai/1728741617a1171129.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论