긴 체크 박스 옵션 목록 스크롤 박스

스크롤 윈도우 주위에 긴 체크 박스 옵션 목록을 두어 어떻게 PHP 웹 페이지에서 많은 양의 페이지를 차지하지 않을 수 있습니까?긴 체크 박스 옵션 목록 스크롤 박스

감사합니다.

2011-11-24 user667430

명확히하십시오; 웹 페이지 내부의 스크롤 창 안에 확인란을 표시 하시겠습니까? – Phil

이와 비슷한 기능이 작동합니다.

HTML :

<div class="scrollbox"> 
    <input type="checkbox" /> 
    ... 
</div>

CSS :

.scrollbox { 
    height:200px; 
    overflow-x:scroll; 
}

출처

2011-11-24 14:20:35 Nick

<div style="overflow:scroll; height: 400px"> 
    <!-- put your content here --> 
</div>

Havent에서 테스트 한 결과, 해당 줄이 주변에 있어야합니다. 이전에 UI 프레임 워크를 위해 체크 박스 목록과 라디오리스트 UI 컨트롤이 있었고 그 기술을 사용했습니다 ...

출처

2011-11-24 14:18:51

<html> 
<head> 
<title>Scrolling Checkboxes</title> 
<script type="text/javascript"> 

</script> 
</head> 
<body> 
<div id="ScrollCB" style="height:150;width:200px;overflow:auto"> 
<input type="checkbox" id="scb1" name="scb1" value="1">As Seen On Tv<br> 
<input type="checkbox" id="scb2" name="scb2" value="2">Back To Basics<<br> 
<input type="checkbox" id="scb3" name="scb3" value="3">Bed Bath &amp; Beyond<br> 
    <input type="checkbox" id="scb4" name="scb4" value="4">Black and Decker<br> 
<input type="checkbox" id="scb5" name="scb5" value="5">Borch<br> 
<input type="checkbox" id="scb6" name="scb6" value="6">Culsinart<br> 
<input type="checkbox" id="scb7" name="scb7" value="7">Dualit Lite<br> 
<input type="checkbox" id="scb8" name="scb8" value="8">"Easton<br> 
<input type="checkbox" id="scb9" name="scb9" value="9">Euro Cuisine<br> 
<input type="checkbox" id="scb10" name="scb10" value="10">Euro-Pro<br> 
<input type="checkbox" id="scb11" name="scb11" value="11">Farberware<br> 
<input type="checkbox" id="scb12" name="scb12" value="12">Gator<br> 
<input type="checkbox" id="scb13" name="scb13" value="13">Hamilton Beach<br> 
<input type="checkbox" id="scb14" name="scb14" value="14">Hansgrohe<br> 
<input type="checkbox" id="scb15" name="scb15" value="15">International Playthings<br> 
    <input type="checkbox" id="scb16" name="scb16" value="16">Kitchen Aid<br> 
</div> 
</body> 
</html>

출처

2015-01-12 07:25:07 Khan

긴 체크 박스 옵션 목록 스크롤 박스

답변

관련 문제