온라인 서식예제 만들기

연습) 표시한 부분 만들어보기. (Textarea 추가)

<form action="" method="post">
<p>*는 필수입력 항목입니다.</p>
<fieldset>
    <legend>회원가입양식</legend>
    <p>
        <label for="userId" class="label"><span class="warn">*</span>아이디</label>
        <input type="text" id="userId" maxlength="8" />
    </p>
    <p>
        <label for="userPass" class="label"><span class="warn">*</span>비밀번호</label>
        <input type="password" id="userPass" />
    </p>
    <p>
        <label for="phone" class="label"><span class="warn">*</span>전화번호</label>
        <input type="text" id="phone" title="지역번호 입력" /> -
        <input type="text" title="전화번호 앞자리 입력" /> -
        <input type="text" title="전화번호 뒷자리 입력" />
    </p>
    <p>
        <span class="label"><span class="warn">*</span>수신방법</span>
        <input type="radio" id="userSms" value="sms" name="rec" />
        <label for="userSms">휴대전화SMS문자</label> /
        <input type="radio" id="userMail" value="mail" name="rec" />
        <label for="userMail">자주사용하는 이메일</label>
    </p>
    <p>
        <label for="cell" class="label">휴대전화번호</label>
        <select id="cell" title="서비스번호 입력">
            <option value="010">010</option>
            <option value="011">011</option>
            <option value="016">016</option>
            <option value="019">019</option>
        </select> -
        <input type="text" title="휴대전화 앞자리 입력" /> -
        <input type="text" title="휴대전화 뒷자리 입력" />
    </p>
    <p>
        <label for="textField" class="label">Comment</label>
        <textarea id="textField" cols="50" rows="6"></textarea>
    </p>
    <p>
        <input type="submit" value="전송" />
        <input type="reset" value="취소" />
    </p>
</fieldset>
</form>