form 태그-checkbox 선택하기

imjingu·2023년 7월 4일
0

개발공부

목록 보기
49/481

type="checkbox": 체크박스 선택하기
여러개 선택가능, 선택한 체크박스의 value 값을 서버로 전송,
사용자가 선택하기 위한 항목으로 다중 체큳가 필요할 떄 주로 사용, 여러개의 항목을 2개이상 체크하는 것도 가능

php에서는 checkbox의 name을 배열처리 해야함. -> name="habby[]"
자바 계열에서는 배열처리를 하지않음. -> name="habby"

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
    <form name="frmPost" action="action.php" method="post">
        <h4>취미</h4>
        
        <!-- label : 폼 요소에 레이블을 붙이기 위해 사용
        label 태그를 사용하면 폼 요소와 텍스트가 서로 연결되어 있다는 것을 브라우저가 인식-->

        <input name="hobby[]" type="checkbox" value="sports" id="sportsID">
        <label for="sportsID">스포츠</label>
        <!-- for 에 해당 태그의 아이디 값을 지정하면 label 클릭 시에 해당 체크박스 선택, 해제 됨-->

        <label>
        <input name="hobby[]" type="checkbox" value="game">
        게임</label> <!-- label 태그로 전체를 감싸도 동일한 기능 -->

        <input name="hobby[]" type="checkbox" value="cook">
        <label>요리</label> <!-- 분리해서 사용하면 선택, 해제 기능 안됨-->

        <input type="submit" value="전송">
    </form>
</body>
</html>

0개의 댓글