생활코딩

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. 김큼이
    20210915완료
  2. overmatch
    20210821 완료
  3. 란찬
    =)
  4. 두드
    2021.07.20 완료
  5. 2021.07.17 완
  6. 오뉴오뉴
    2021.7.7
  7. 감자먹는넘
    감자
  8. barozaqu
    20210513.
  9. GelandeWagen
    210511 ok
  10. 무탕
    2021. 4. 26 완료 갑자기 난이도가 확 올라간 느낌이네요..
  11. 감사히 잘봣습니다
  12. 다중선택은 뭔지 모르겠네요 ~
  13. loveahav
    완료!
  14. Minint
    2021.02.04
  15. 이현수
    2021.02.03(수)
  16. 임태경
    완료했어요 감사해요
  17. 엘리심
    1/25 완료 감사합니다 :)
  18. 스마일가이
    2021.01.24.완료 감사합니다
  19. 아루미
    1 22 완 감사합니당
  20. 201209
  21. 김지원
    20.11.21
    <form action="http://localhost/color.php">
    <h1>색상</h1>
    <select name="color">
    <option value="red">붉은색</option>
    <option value=black"">검은색</option>
    <option value="blue">파란색</option>
    </select>
    <input type="submit">
    </form>
    붉은색~검은색을 option태그 걸어서 각각 선택가능하도록 그리고 콤보박스를 만들기 위해 select로 묶어주기
    그리고 데이터를 전송하기 위해 submit버튼을 만들어주고 데이터를 전송할때는 이름이 반드시 필요하기 때문에 select태그에 이름을 만들어줌.
    우리눈에는 검은색 파란색이 보이지만 컴퓨터가 정보를 인식하도록 option에 value속성을 줌

    -<select name="color2" multiple> multiple속성을 주면 다중선택가능 이때 ctrl을 사용하여 다중선택하기때문에 잘 쓰이진 않음. 체크박스를 주요사용함

    - <input type="radio" 버튼이 한개 생김 이름을 동일시하게 주면 한개만 선택가능
    붉은색: <input type="radio" name="color">
    검은색: <input type="radio" name="color">
    파란색: <input type="radio" name="color">
    - 컴퓨터에 정보를 주기위해 value 속성을 사용
    붉은색: <input type="radio" name="color" value="red">
    검은색: <input type="radio" name="color" value="black">
    파란색: <input type="radio" name="color" value="blue">
    -다중버튼을 사용하기위해서는 checkbox를 사용
    -checked 속성을 넣으면 기본적으로 선택되어 있게 할 수 있음.

    요약 단일선택은 radio박스 다중선택은 checkbox로 사용
  22. 코딩에미치다
    2020.11.20 복습 완료
  23. 켄드릭
    2020.10.29(목) 09:56 1차 학습완료
  24. 10/24
  25. 1stclasscitizen
    2020.10.21
  26. 오석민
    완료
  27. wndals20
    20.09.17 이번 수업도 잘 들었습니다. 감사합니다!
  28. 여니여니
    20200909 완료
  29. switpotato
    20200817 완료_감사합니다!!
  30. 최희란
    20200812_완료!
  31. 김성곤
    20200713 감사합니다!
  32. 굴렁이
    radio : 동그란 선택창
    checkbox : 네모난 선택창 v표시
    다중선택시 checkbox가 더 나음
  33. 김예훈
    완료
  34. 한강
    좋은 아침입니다~!!!^^
    200520
  35. 열심히사는사람
    완료
  36. 노래하는프로그래머
    완료!
  37. Mongsil
    2020.03.31 완료 감사합니다 :)
  38. 김선경
    2020-03-22 완료
  39. naedo
    3.16.2020
  40. 최강최고
    20/3월13일 완료
  41. Charlie Kwon
    완료
  42. opper
    2020.1.6 수업완료
  43. Blanc
    2020.01.02
  44. gkgk
    </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>
  45. Grigo
    완료
  46. FIRE
    20190803 완료
  47. 김세종
    2019-07-11 수강완료
  48. 김주엽
    공부완료
  49. kjy031104@gmail.com
    공부완료
  50. ella
    다중 선택 시 단 두개만 선택 가능하게 하려면 어떻게 하나요?
버전 관리
egoing
현재 버전
선택 버전
graphittie 자세히 보기