HTML 수업

선택

예제

<html>
    <head>
        <meta charset="utf-8">
    </head>
    <body>
        <form action="http://localhost/color.php">
            <h1>색상</h1>
            <select name="color">
                <option value="red">붉은색</option>
                <option value="black">검은색</option>
                <option value="blue">파란색</option>
            </select>
            <h1>색상2 (다중선택)</h1>
            <select name="color2" multiple>
                <option value="red">붉은색</option>
                <option value="black">검은색</option>
                <option value="blue">파란색</option>
            </select>
            <input type="submit">
        </form>
    </body>
</html>

예제

 

<html>
    <head>
        <meta charset="utf-8">
    </head>
    <body>
        <form action="http://localhost/order.php">
            <p>
                <h1>색상(단일선택)</h1>
                붉은색 : <input type="radio" name="color" value="red">
                검은색 : <input type="radio" name="color" value="black" checked>
                파란색 : <input type="radio" name="color" value="blue">
            </p>
            <p>
                <h1>사이즈(다중선택)</h1>
                95 : <input type="checkbox" name="size" value="95">
                100 : <input type="checkbox" name="size" value="100" checked>
                105 : <input type="checkbox" name="size" value="105" checked>
            </p>
            <input type="submit">
        </form>
    </body>
</html>

 

댓글

댓글 본문
작성자
비밀번호
  1. ㅇㅇ
    옵션을 넣으면 줄바꿈이 사라져요..^^
    대화보기
    • DONE!
    • it-earth
      인풋 태그에 속성 value를 추가해서
      <input type="submit" value="확인"> 이라고 하게 되면
      쿼리전송 대신 확인 이라고 적혀있게 될 겁니다.
      아마 디폴트값이 환경따라 다르게 되어 있나 봐요.
      대화보기
      • 박진아
        왜 저는 option 넣었는데... 줄바꿈이 안될까요.... ㅠㅠㅠㅠㅠㅠㅠ
      • 김종엽
        2016.08.15 완료!
      • Ian Si Mong Seong
        수강완료
        2016.08.01
      • 김윤아
        수강완료
      • JustStudy
        2016.07.20 수
        고맙습니다 1.
      • vlaue 는 미리 입력될 수 있는 값이 아닐까요?

        예를들어서, name은 내가 만들고 싶은 것에 대한 이름이고, value는 서버와 관련있는것같네용 ㅎ
        대화보기
        • 사람구실
          제 생각에는!

          말씀하신대로 name = "id" 는 '그룹핑'을 id로 하겠다 이고,

          egoing 을 입력하면 그룹핑을 id로 할 것인데 그 id의 이름은 egoing 이다.

          라고 생각하시면 될 것 같아요!
          대화보기
          • 달고뉴
            감사합니다.
          • 취준남
            악 갈수록 좀 복잡해지는 것 같지만 설명을 잘해주셔서 좋아요 ^^ 공부 열심히 해야겠습니다. ^^
          • 멍때리나
            익스플로에서 는 그렇게 나오더군요.

            크롬에서는 제출이라고 나오구요.
            대화보기
            • 진이
              좋은 강의 항상 잘 듣고 있습니다. 감사합니다.
              한가지 질문이 있는데요~ <input type="submit">을 기재하면 화면에 '제출'이라고 표기되는데 저는 '쿼리전송'이라고 나타납니다. 이유가 뭘까요..?
            • 해앵인
              input 태그와 option 태그의 구성과 작동방법이 서로 달라서 그런거라고 이해하시면 될듯해요~
              대화보기
              • 좋은 강의 잘 들었습니다.
                감사합니다.
              • basicb
                제가 기초적인 부분이 헷갈려서 질문 올려봅니다.

                이전 동영상에서 '텍스트입력'에서는 name 값에 적은 id, password가 주소창에 연결되었잖아요? (즉, name=id라 속성 적고, 실제 id 창에 egoing 입력하면 주소창에 id=egoing이 입력되잖아요?)

                근데 현재 이 파트에서 name은 일종의 그룹핑 역할이고, 오히려 value가 주소창과 연결되는 건가요?

                영상 설명들으면 물흐르듯 이해는 되는데 막상 따로 떼어놓고 보면 이게 헷갈리네요.

                왜 두개 차이점이 있는건가요?
              • arachi
                무슨선택이냐에 따라서, 단일선택일땐 라디오 버튼을 사용하고 다중선택일때는 체크박스를 사용하는 것 같습니다. 버튼모양은 디자인적으로 바꿀 수 있겠죠 ^^
                대화보기
                • 체크박스를 단일선택으로 만들고 싶을때는 어떻게 해야하나요?
                • SK Kim
                  도장 쾅!
                • 김진렬
                  감사합니다.
                • 첫번째 동영상 이름이 from 으로 되어있네요 ㅋㅋ
                • 고고
                  정주행 중입니다. 이고잉님
                버전 관리
                egoing
                현재 버전
                선택 버전
                graphittie 자세히 보기