html的一些小demo总结

最新推荐文章于 2025-10-22 04:31:32 发布

原创最新推荐文章于 2025-10-22 04:31:32 发布 · 1.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html #单选框 #多选框 #下拉框 #滚动条

HTML 专栏收录该内容

5 篇文章

订阅专栏

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

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>