Form 예제

    <form action="/test.html">
        <h1>Form 관련 요소</h1>
        아이디: <input type="text" placeholder="영문으로 써주세요"><br>
        비밀번호: <input type="password"><br>
        성별: 남자 <input type="radio" name="gender" checked>,
        여자 <input type="radio" name="gender"><br>
        취미: 영화감상 <input type="checkbox" name="hobby" checked>,
        음악감상 <input type="checkbox" name="hobby">,
        독서 <input type="checkbox" name="hobby"><br>
        프로필 사진 업로드: <input type="file"><br>
        <input type="submit" value="전송"><br>
        <input type="reset" value="취소"><br>
        <input type="button" value="등록"><br>
        <input type="image" src="" alt="" width="" height="">
    </form>

실행결과

Form 관련 요소

아이디:
비밀번호:
성별: 남자 , 여자
취미: 영화감상 , 음악감상 , 독서
프로필 사진 업로드:

INPUT 요소 : <input type="...">
text, password, radio, checkbox, file, image, submit, reset, button