>  기사  >  웹 프론트엔드  >  HTML 페이지의 양식 옵션에서 다중 선택 기능을 사용하는 방법(예)

HTML 페이지의 양식 옵션에서 다중 선택 기능을 사용하는 방법(예)

藏色散人
藏色散人원래의
2018-08-15 10:35:109256검색

이전 글에서 [HTML 페이지의 라디오 버튼 기능은 어떻게 구현되나요? (예)], HTML 페이지에서 라디오 버튼 기능을 구현하는 방법을 자세히 소개해 드렸습니다. 이번 글에서는 계속해서 HTML 체크박스 설정 방법, 즉 HTML 멀티-버튼 관련 지식을 소개하겠습니다. 버튼을 선택하세요. 이름에서 알 수 있듯이 확인란은 여러 값을 선택할 수 있습니다.

html 체크박스 설정 코드의 구체적인 예는 다음과 같습니다.

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>html复选按钮设置示例</title>
    <style type="text/css">
    </style>
</head>
<body>
 <br/><br/>
    你对哪些运动感兴趣?
    <input type="checkbox" name="activity" value="跑步">跑步
    <input type="checkbox" name="activity" value="打球">打球
    <input type="checkbox" name="activity" value="登山">登山
    <input type="checkbox" name="activity" value="健身">健身
    </body>
    </html>

효과는 다음과 같습니다.

HTML 페이지의 양식 옵션에서 다중 선택 기능을 사용하는 방법(예)

그림과 같이 질문에 대해 복수답 선택이 가능하며, 체크표시를 해제하려면 다시 클릭하세요. 여기서는 checkbox
속성을 이해해야 합니다. Checkbox 개체는 HTML 형식의 확인란을 나타냅니다. Checkbox 개체는 HTML 문서에서 가 발생할 때마다 생성됩니다.

위는 html 목록 다중 선택 기능 구현에 대한 소개입니다. 그것은 일정한 참고 가치를 가지고 있으며 도움이 필요한 친구들에게 도움이 되기를 바랍니다.



위 내용은 HTML 페이지의 양식 옵션에서 다중 선택 기능을 사용하는 방법(예)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.