생활코딩

Coding Everybody

코스 전체목록

닫기

선택

예제

<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. FIRE
    20190803 완료
  2. 김세종
    2019-07-11 수강완료
  3. 김주엽
    공부완료
  4. kjy031104@gmail.com
    공부완료
  5. 다중 선택 시 단 두개만 선택 가능하게 하려면 어떻게 하나요?
  6. 20190124 완료
  7. 한승민
    160115 완료
  8. 릴라야
    20190112_완료
  9. 미완성
    20190107완료
  10. 김진욱
    완료!
  11. Gihoon Pomme Ryu
    완료. 고맙습니다.
  12. clear!
  13. 김민영
    완료
  14. 신비
    감사합니다
  15. clear
  16. l
  17. 대략적으로 제가 이해한만큼~
    name은 말그대로 이름으로써
    구분자의 역할을 해주는것으로 보이고,
    value는 말그대로 값으로써
    그 값을 의미하는것같아요

    java로치면 name은 변수명 정도가 될것같고,
    value는 그 변수에 들어가는 값과 같은것이 아닐까싶네요
    대화보기
    • ㅅㅈㅎ
      감사합니다!!
    • SlowStarter
      감사합니다!
    • 스페이스몽키
      감사합니다!
    • JN87
      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">을 기재하면 화면에 '제출'이라고 표기되는데 저는 '쿼리전송'이라고 나타납니다. 이유가 뭘까요..?
              버전 관리
              egoing
              현재 버전
              선택 버전
              graphittie 자세히 보기