210528 UIUX WebDesign HTML 연습_26 (견학신청 예제)

ITisIT210·2021년 5월 30일
0

HTML

목록 보기
38/38
post-thumbnail
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>견학신청하기 예제</title>
</head>
<body>
    <h1>견학신청하기</h1>
    <p>현장 견학을 통해 롯데푸드 제품을 직접 확인해 보실 수 있습니다.</p>
    <p>
        롯데푸드 천안공장으로 <br>
        여러분을 초대합니다.
    </p>

    <h2>개인정보동의서</h2>
    <p>
        이용자 본인은 아래의 개인정보가 사실임을 확인하며, 아래와 같이 개인정보를 수집 및 이용하는 것에 동의합니다.
    </p>

    <ol>
        <li>
            <strong>
                개인정보의 수집 및 이용 목적
            </strong>
            <br>
            롯데푸드(주) 견학신청서 작성에 따른 본인 식별을 위하여 이용자의 개인정보를 수집하고 있습니다.
        </li>
        <li>
            <strong>
                수집하는 개인정보의 항목
            </strong>
            <ul>
                <li>
                    신청자, 이메일, 연락처, 주소 · 서비스이용과정이나 사업처리 과정에서 아래와 같은 정보들이 생성되어 수집될 수 있습니다.
                </li>
                <li>
                    서비스이용기록, 접속로그, 쿠키, 접속IP정보
                </li>
            </ul>
        </li>
        <li>
            <strong>
                개인정보의 보유 및 이용기간
            </strong>
            <br>
            원칙적으로 개인정보의 수집목적 또는 이용 목적이 달성되면 지체 없이 파기합니다. 다만, 관계법률에 의해 회사가 통신사실 확인자료 제공을 위하여 필요한 성명,
            전화번호는 12개월간 보관합니다.(통신비밀보호법 제 15조의2)
        </li>
    </ol>

    <form name="privateSec" method="POST" action="a.html">
        <fieldset>
            <legend>개인정보동의</legend>
            <p>
                개인정보동의 : <input type="radio" name="agree" id="no"> 동의하지 않음 <input type="radio" name="agree" id="yes"> 동의함
            </p>
        </fieldset>
    </form>

    <h2>견학신청서작성</h2>
    <form name="apply" method="POST" action="a.html">
        <fieldset>
            <legend>견학신청서작성</legend>
            <table border="1" cellpadding="7px">
                <tbody>
                    <tr>
                        <th>신청자</th> <td><input type="text"></td>
                    </tr>
                    <tr>
                        <th>연락처</th> <td><select><option>010</option><option>011</option><option>016</option></select> - <input type="text" size="4" maxlength="4"> - <input type="text" size="4" maxlength="4"></td>
                    </tr>
                    <tr>
                        <th>이메일</th> <td><input type="text"> 예시 : test@lottle.com</td>
                    </tr>
                    <tr>
                        <th rowspan="2">주소</th> <td><input type="text" size="6" maxlength="6"> <button id="addr">우편번호</button></td>
                    </tr>
                    <tr>
                        <td><input type="text" size="100"></td>
                    </tr>
                    <tr>
                        <th>견학 인원</th> <td><input type="text" size="4" maxlength="2" id="headCount"> ※ 공장 견학 인원은 20 ~ 40명으로 제한되니 양해부탁드립니다.</td>
                    </tr>
                    <tr>
                        <th>견학 연령</th> <td><input type="checkbox" id="teens">10대 <input type="checkbox" id="twenties">20대 <input type="checkbox" id="thirties">30대 <input type="checkbox" id="forties">40대</td>
                    </tr>
                    <tr>
                        <th>견학 시간대</th> <td><input type="radio" name="time" id="tenO"> 10:00 ~ 12:00 <input type="radio" name="time" id="thirO"> 13:00 ~ 15:00 <input type="radio" name="time" id="fiftO"> 15:00 ~ 17:00</td>
                    </tr>
                    <tr>
                        <th>견학 목적</th> <td><textarea id="textA1" cols="80" rows="7"></textarea></td>
                    </tr>
                </tbody>
            </table>

            <p>
                <input type="submit" value="신청">
                <input type="reset" value="취소" id="cancle">
            </p>
        </fieldset>
    </form>
</body>
</html>
profile
Engineering is the closest thing to magic that exists in the world.

1개의 댓글

comment-user-thumbnail
2021년 5월 30일

단순 코드 올리기용이라면 본인 깃허브에 올려주시면 안될까요? 도배하시는거 같은데 다른 분들 글이 밀려요 ㅠㅠ

답글 달기
Powered by GraphCDN, the GraphQL CDN