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. 굴렁이
    radio : 동그란 선택창
    checkbox : 네모난 선택창 v표시
    다중선택시 checkbox가 더 나음
  2. 김예훈
    완료
  3. 한강
    좋은 아침입니다~!!!^^
    200520
  4. 열심히사는사람
    완료
  5. 노래하는프로그래머
    완료!
  6. Mongsil
    2020.03.31 완료 감사합니다 :)
  7. 김선경
    2020-03-22 완료
  8. 3.16.2020
  9. 최강최고
    20/3월13일 완료
  10. Charlie Kwon
    완료
  11. 2020.1.6 수업완료
  12. 2020.01.02
  13. </p>에 빨간색이 뜨는데 왜일까요...


    <!DOCTYPE html>
    <html lang="en" dir="ltr">
    <head>
    <meta charset="utf-8">
    <title></title>
    </head>
    <body>
    <form class="" action="http://localhost/order.php" method="post">
    <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>
  14. 완료
  15. 20190803 완료
  16. 김세종
    2019-07-11 수강완료
  17. 김주엽
    공부완료
  18. kjy031104@gmail.com
    공부완료
  19. ella
    다중 선택 시 단 두개만 선택 가능하게 하려면 어떻게 하나요?
  20. steal
    20190124 완료
  21. 한승민
    160115 완료
  22. 릴라야
    20190112_완료
  23. 미완성
    20190107완료
  24. 김진욱
    완료!
  25. Gihoon Pomme Ryu
    완료. 고맙습니다.
  26. shcd
    clear!
  27. 김민영
    완료
  28. 신비
    감사합니다
  29. clear
  30. l
  31. 대략적으로 제가 이해한만큼~
    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 기입
    버전 관리
    egoing
    현재 버전
    선택 버전
    graphittie 자세히 보기