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. clear!
  2. 김민영
    완료
  3. 신비
    감사합니다
  4. clear
  5. l
  6. 대략적으로 제가 이해한만큼~
    name은 말그대로 이름으로써
    구분자의 역할을 해주는것으로 보이고,
    value는 말그대로 값으로써
    그 값을 의미하는것같아요

    java로치면 name은 변수명 정도가 될것같고,
    value는 그 변수에 들어가는 값과 같은것이 아닐까싶네요
    대화보기
    • ㅅㅈㅎ
      감사합니다!!
    • SlowStarter
      감사합니다!
    • 스페이스몽키
      감사합니다!
    • 171231 감사합니다!
    • 바실로마첸코
      html강의는 강의 하나당 10분 이내로 강의도 길지않고 내용도 어렵지 않아서 딱 좋은 것같네요 웹애플리케이션 만들기는 20분 30분짜리 강의가 연달아있어서 정말힘들었어요 ㅠㅠ
    • 푸른하늘
      6
    • Migyeong Kang
      감사합니다~
    • 바람과 나무
      감사합니다.
    • 오빠는다르다
      감사합니다~!
    • 감사합니다
    • gridshim
      170830
    • Ji-Hoon Lee
      170811 완료입니다 :)
    • 김정인
      value값이 나중에 어떻게 쓰이는지 알 수 있을까요???
    • php가 첫취업?
      html 하루만에 정주행 완료
    • 14번째
      4.29.
    • 무중력고양이
      170316 완료
    • funlife
      감사합니다.
    • 무드레쯔
      좋은내용 감사합니다.!^^
    • 임지호
      사용자에게 선택옵션을 주는 태그
      1. 드랍다운리스트 : <select>태그 아래 각 선택 항목들을 <option>태그로 감싸준다.
      <option value = "서버에게 전해지는 항목이름값">
      multiple 기입하면 다중선택 가능(but 다중선택할 때는 checkbox가 더 나은 선택)

      2. 라디오버튼, 체크박스 : <input type="radio","checkbox">해주면 됨.
      radio는 같은 name으로 묶여진 그룹 중에 하나만 선택 가능
      checkbox는 다중 선택 가능
      기본적으로 선택된 옵션을 부여하고 싶을 때는 그 옵션에 checked 기입
    • ㅇㅇ
      옵션을 넣으면 줄바꿈이 사라져요..^^
      대화보기
      • D.JA
        DONE!
      • it-earth
        인풋 태그에 속성 value를 추가해서
        <input type="submit" value="확인"> 이라고 하게 되면
        쿼리전송 대신 확인 이라고 적혀있게 될 겁니다.
        아마 디폴트값이 환경따라 다르게 되어 있나 봐요.
        대화보기
        • 박진아
          왜 저는 option 넣었는데... 줄바꿈이 안될까요.... ㅠㅠㅠㅠㅠㅠㅠ
        • 김종엽
          2016.08.15 완료!
        • Ian Si Mong Seong
          수강완료
          2016.08.01
        • 김윤아
          수강완료
        • JustStudy
          2016.07.20 수
          고맙습니다 1.
        • jeff
          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
                  무슨선택이냐에 따라서, 단일선택일땐 라디오 버튼을 사용하고 다중선택일때는 체크박스를 사용하는 것 같습니다. 버튼모양은 디자인적으로 바꿀 수 있겠죠 ^^
                  대화보기
                  • ovcos
                    체크박스를 단일선택으로 만들고 싶을때는 어떻게 해야하나요?
                  • SK Kim
                    도장 쾅!
                  • 김진렬
                    감사합니다.
                  • 5타
                    첫번째 동영상 이름이 from 으로 되어있네요 ㅋㅋ
                  • 고고
                    정주행 중입니다. 이고잉님
                  버전 관리
                  egoing
                  현재 버전
                  선택 버전
                  graphittie 자세히 보기