html的一些小demo总结

最新推荐文章于 2022-11-16 18:52:20 发布

一万年太久只争朝夕

最新推荐文章于 2022-11-16 18:52:20 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

分类专栏： HTML 文章标签： html 单选框多选框下拉框滚动条

本文链接：https://blog.youkuaiyun.com/zhengxiaojunkite/article/details/40558463

HTML 专栏收录该内容

5 篇文章

订阅专栏

本文深入探讨了信息技术领域的多个细分技术领域，包括前端开发、后端开发、移动开发、游戏开发等，展示了各种技术在实际应用中的重要性和独特价值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.下拉框：

<select name="manager"id="manager">
	<option value="0" selected = "selected" >全部</option>
	<option value="1">A类</option>	
	<option value="2">B类</option>
</select>

</pre><pre>

2.单选框

<label><input type="radio" name="choose" onclick="getState()" value="all" checked="checked"/>全部</label>
<label><input type="radio" name="choose" onclick="tip()" value="NotStart"/>未开始</label>
<label><input type="radio" name="choose" onclick="tip()" value="finished"/>已完成</label>
<label><input type="radio" name="choose" onclick="tip()" value="Doing"/>进行中</label>

3.多选框

<div><input name="area[]" type="checkbox" value="所有地区">所有地区</div>
<div><input name="area[]" type="checkbox" value="东莞地区">东莞地区</div>
<div><input name="area[]" type="checkbox" value="深圳地区">深圳地区</div>
<div><input name="area[]" type="checkbox" value="广州地区">广州地区</div>

4.滚动条

<div style="height:400px ;overflow-y:auto;border:0px solid;scrollbar-arrow-color:#000000">
<div id="container"></div><--!内容高度要超过滚动条设定高度，滚动条才会出现-->
</div>

5.文字滚动

<pre name="code" class="html"><ul id="menulist" style="margin:0 ;padding:0;list-style:none;" >
<marquee scrollAmount=2 width=300 height=240 direction=up>
	<li><font size="2px">用户名：美丽天使  金币：250000</font></li><br>
	<li><font size="2px">用户名：夏季微凉  金币：215500</font></li><br>
	<li><font size="2px">用户名：冬天快乐  金币：189000</font></li><br>
	<li><font size="2px">用户名：秋色静美  金币：125606</font></li><br>
	<li><font size="2px">用户名：春色满园  金币：135500</font></li>
</marquee>	
</ul>