form 태그-radio box

imjingu·2023년 7월 4일
0

개발공부

목록 보기
50/481

type="radio" : 라디오 박스 선택하기
태그 속성중 name 값을 똑같이 입력하면 여러 데이터 중에서 하나를 선택 할 수 있음
짧은 항목에 대한 선택이 필요할 때 주로 활용되며, 반드시 한가지 항목을 선택해야 할때 사용
name 값을 동ㄷ일하게 작성해야 같은 그룹으로 인식
checked="checked" 는 방문자의 편의를 돕기 위해 미리 항목에 체크된 상태를 보여주는 옵션

<!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>

        <input type="radio" name="job" value="design" id="design" checked="checked">
        <label for="design">UI/UX 디자이너</label>

        <input type="radio" name="job" value="front_end dev" id="front_end">
        <label for="front_end">프론트엔드 개발자</label>

        <input type="radio" name="job" value="back_end dev" id="back_end">
        <label for="back_end">백엔드 개발자</label>

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

0개의 댓글