前端加下拉框和显示文字

文字"/>

前端加下拉框和显示文字

前端加下拉框和显示文字

已经近一个月没写博客了，不得不吐槽一下自己，说好的日更都不知去哪了，今天应小可爱之邀写一篇博客，主要内容是处理一些前端的下拉框和在界面中显示一段文字。

为了让看的人选择多样性，我用了0.5s想了想，还是写两个版本吧。一个探索版，一个瓜瓜版，任君选择。

1. 探索版

此处就贴上我之前写过的代码，不花精力去写了。

前端下拉框

之前写了一个聊天室，直接拿过来做demo

<div class="send"><textarea type="text" id="msg-need-send"></textarea><p><select><option value ="1">颜明</option><option value ="2">周强</option><option value="3">杰哥</option><option value="4">所有人</option></select><button id="send-btn">点击发消息</button></p></div>

界面显示文字

<div class="box box-primary"><div class="box-header with-border"><h3 class="box-title">毕业寄语</h3></div><div class="box-body">Time flies，<br><br>谨以此份毕业设计感谢给予我前进力量的你及你们。<br><br>&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;——cheunghonghui<br>&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;  2021.02.14</div></div>

2. 瓜瓜版

如果赶时间的话可以看这份瓜瓜版

下拉框

<select><option value ="1">学生</option><option value ="2">教师</option><option value="3">管理员</option>
</select>

界面显示文字

<div>每位学生的初始分数是<font color="blue">100分</font>，每年清理一次分数<br>没有在规定时间段内签到<font color = red>扣10分/次</font><br>图书馆签到时间段：<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;上午	7:00 - 7:45<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;下午	12:00-13:45<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;晚上	17:45-18:00</div>