다음은 구문입니다-
<select size="num">
위에서 num은 드롭다운 목록에 표시되는 목록 항목의 개수입니다.
이제
예시
<!DOCTYPE html> <html> <body> <h1>Candidate Profile</h1> <p>Following are the details to be submitted by the candidate:</p> <h2>Educational Qualification</h2> <form action=""> <section> <h3>Graduation</h3> <select size = "2"> <option value="bca">BCA</option> <option value="bcom">B.COM</option> <option value="btech">B.TECH</option> <option value="btech">B.SC</option> </select> </section> <section> <h3>Postgraduation</h3> <select size="2"> <option value="mca">MCA</option> <option value="mcom">M.COM</option> <option value="mtech">M.TECH</option> <option value="msc">M.Sc</option> </select> </section><br> <input type="submit" value="Next"> </form> </body> </html>
출력
위의 예에서는 두 개의 드롭다운 목록을 설정했습니다.
<section> <h3>Graduation</h3> <select size = "2"> <option value="bca">BCA</option> <option value="bcom">B.COM</option> <option value="btech">B.TECH</option> <option value="btech">B.SC</option> </select> </section> <section> <h3>Postgraduation</h3> <select size="2"> <option value="mca">MCA</option> <option value="mcom">M.COM</option> <option value="mtech">M.TECH</option> <option value="msc">M.Sc</option> </select> </section>
보이는 목록 항목의 수를 설정할 수 있는 크기 속성을 사용하여 위에 두 개의 드롭다운 목록을 설정했습니다-
<select size="2">