Notice
«   2024/09   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30
관리 메뉴

Jade_o.o

[html] 07 - form문 관련 태그 사용하기 실습-설문조사 작성 본문

HTML

[html] 07 - form문 관련 태그 사용하기 실습-설문조사 작성

by jade 2024. 1. 10. 18:40

form문 관련 태그 사용하여 설문조사 작성

html공부를 복습하며 카페 음료 문서 작성을 구현해 보았다.

 

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width= , initial-scale=1.0">
    <title>form문 관련 태그</title>
</head>
<body>
    <form>
        <h3>설문 조사</h3>
        <label>
            이름 : <input type="text"/> <br/>
        </label>
        <label>
            이메일 : <input type="email" vlaue="love@example.com"/>
        </label>
    

        <h3>나이</h3>
        <input type="radio" name="test" id="10" checked/> 
        <label for="10">10대</label>

        <input type="radio" name="test" id="20" checked/> 
        <label for="20">20대</label>

        <input type="radio" name="test" id="30" checked/> 
        <label for="30">30대</label>

        <input type="radio" name="test" id="40" checked/> 
        <label for="40">40대</label>

        <input type="radio" name="test" id="50" checked/> 
        <label for="50">50대</label>


        <h3>원하는 강의</h3>
        <label>
            <input type="checkbox"> html
        </label>
        <label>
            <input type="checkbox"> javascript
        </label>
        <label>
            <input type="checkbox"> css
        </label><br/>
        <textarea cols="70" rows="10">편하게 작성해 주세요:)</textarea>
        <input type="submit" value="wpcnf"/>

    </form>
</body>
</html>

 

form문 관련 태그

설문 조사

나이

원하는 강의


=> html 코드 실행 시 결과창

저작자표시 비영리 변경금지

'HTML' 카테고리의 다른 글

[html] 09 - table태그 실습 - 카페 음료 문서 및 이미지 출력  (0) 2024.01.10
[html] 08 - table태그 rowspan,colspan 실습-도형 만들기  (0) 2024.01.10
[html] 06 - 기본 태그 사용하기 실습-카페 음료 문서 작성  (0) 2024.01.10
[html] 05 - tag 사용하기  (1) 2024.01.10
[html] 04 - table 만들기  (0) 2024.01.10
'HTML' Related Articles more