본문 바로가기
Python_WEB/HTML

HTML5 - 190604 Basic Study 11(사이트 가입 신청서)

AnKiWoong 2019. 6. 4. 16:32
반응형

1. 사이트 가입 신청서

ex13.html


2. HTML 미리보기

사이트 가입 신청서

<기본 입력 사항>
아이디 :
비밀번호 :
e-mail :
성별 :남자 여자

<추가 입력 사항>
이 사이트를 알게 된 경로는?
가보고 싶은 나라는?
관심 있는 프로그래밍 기술은?
ASPPHP
JAVAPERL
자기 소개(간단히)


3. HTML Code

<!doctype html>
<html lang="ko">
<html>
<head>
<meta charset="utf-8">
<title>폼 예제</title>
</head>

<body>

<form>
    <table width="300" border="0" align="center">
        <tr>
            <td align="center">
                <h2>사이트 가입 신청서</h2>
            </td>
        </tr>
    </table>
    <hr width="600" align="center">
    <table width-"300" border="0" align="center">
        <tr>
            <td colspan="2" align="center" height="50">
            &lt;기본 입력 사항&gt;
            </td>
        </tr>
        <tr>
            <td width="100">아이디 : </td>
            <td>
                <input type="text" name="id" size="10" autofocus>
            </td>
        </tr>
        <tr>
            <td width="100">비밀번호 : </td>
            <td>
                <input type="password" name="password" size="10">
            </td>
        </tr>
        <tr>
            <td width="100">e-mail : </td>
            <td>
                <input type="e-mail" name="mail" size="20">
            </td>
        </tr>
        <tr>
            <td width="100">성별 : </td>
            <td>
                <input type="radio" name="gender">남자
                <input type="radio" name="gender">여자
            </td>
        </tr>
    </table>
    <br>
    <table width-"300" border="0" align="center">
        <tr>
            <td colspan="2" align="center" height="50">
            &lt;추가 입력 사항&gt;
            </td>
        </tr>
        <tr>
            <td width="400">이 사이트를 알게 된 경로는?</td>
            <td>
                <select name="media">
                    <option value="internet">인터넷 검색</option>
                    <option value="news">뉴스 검색</option>
                    <option value="TV">TV 광고</option>
                </select>
             </td>
         </tr>
         <tr>
            <td width="400">가보고 싶은 나라는?</td>
            <td>
                <select name="nation" multiple>
                    <option value="aus">호주</option>
                    <option value="eng">영국</option>
                    <option value="jap">일본</option>
                    <option value="fr">프랑스</option>
                </select>
            </td>
        <tr>
            <td width="400">관심 있는 프로그래밍 기술은?</td>
        </tr>
        <tr>
            <td width="80">
                <input type="checkbox" name="webpro" value="ASP">ASP
            </td>
            <td>
                <input type="checkbox" name="webpro" value="PHP">PHP
            </td>
        </tr>
        <tr>
            <td width="80">
                <input type="checkbox" name="webpro" value="JAVA">JAVA
            </td>
            <td>
                <input type="checkbox" name="webpro" value="PERL">PERL
            </td>
        </tr>
    </table>
    <table width-"300" border="0" align="center">
        <tr>
            <td align="center" colspan="2" width="400">자기 소개(간단히)</td>
        </tr>
        <tr>
            <td>
                <textarea name="memo" rows="15" cols="60"></textarea>
            </td>
        </tr>
    </table>
    <table width-"300" border="0" align="center">
        <tr>
            <td><input type="submit" value="가입신청"></td>
            <td></td>
            <td><input type="reset" value="다시쓰기"></td>
        </tr>
    </table>
</form>   

</body>
</html>


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

'Python_WEB > HTML' 카테고리의 다른 글

HTML5 - 190605 Basic Study 13(항공권 예매 폼)  (0) 2019.06.05
HTML5 - 190605 Basic Study 12(드림위버 젠코딩) - Dreamweaver ZenCoding  (0) 2019.06.05
HTML5 - 190604 Basic Study 10(Form ex page)  (0) 2019.06.04
HTML5 - 190603 Basic Study 9(Fieldset Page)  (0) 2019.06.03
HTML5 - 190602 Basic Study 8(Note)  (0) 2019.06.02

'Python_WEB/HTML' Related Articles

티스토리툴바