Computer >> 컴퓨터 >  >> 프로그램 작성 >> HTML

HTML 양식에서 항목의 간단한 드롭다운 목록을 어떻게 사용합니까?


HTML을 사용하면 항목의 간단한 드롭다운 목록을 만들어 HTML 양식에서 사용자 입력을 얻을 수 있습니다. 드롭다운 상자라고도 하는 선택 상자는 사용자가 하나 이상의 옵션을 선택할 수 있는 드롭다운 목록 형식으로 다양한 옵션을 나열하는 옵션을 제공합니다. 태그의 속성 목록입니다.

Sr.No
속성 및 설명
1
이름
인식하고 값을 얻기 위해 서버로 전송되는 컨트롤에 이름을 지정하는 데 사용됩니다.
2
크기
스크롤링 목록 상자를 표시하는 데 사용할 수 있습니다.
3
여러 개
"다중"으로 설정하면 사용자가 메뉴에서 여러 항목을 선택할 수 있습니다.


Sr.No
속성 및 설명
1

선택 상자의 옵션이 선택된 경우 사용할 값입니다.
2
선택됨
페이지가 로드될 때 이 옵션이 처음에 선택된 값이어야 함을 지정합니다.
3
레이블
옵션에 레이블을 지정하는 다른 방법입니다.


HTML 양식에서 항목의 간단한 드롭다운 목록을 어떻게 사용합니까?

예시

다음을 실행하여 항목의 간단한 드롭다운 목록을 만들어 HTML 형식으로 사용자 입력을 얻을 수 있습니다.

<!DOCTYPE html>
<html>
   <head>
      <title>Select Box Control</title>
   </head>
   <body>
      <p>Here's the list of subjects. Select any one:</p>
      <form>
         <select name = "dropdown">
            <option value = "Computer Architecture" selected>Computer Architecture</option>
            <option value = "Java">Java</option>
            <option value = "Discrete Mathematics">Discrete Mathematics</option>
         </select>
      </form>
   </body>
</html>