form 태그

chaewona·2023년 1월 14일
0
<form action="#" method="get">
        <!-- action은 어디로 보낼지 연결 시키는거(개발자가 보통 설정) -->
        <!-- get은 정보를 노출 시키는거/post는 정보를 data base로 전송 시키고 숨기는거 (따로 지정 안하면 기본값은 get)-->

        이름: <input type="text" name="uname"><br>
        비밀번호: <input type="password" name="upw"><br>
        연락처: <input type="text" name="uphone1" size="5"> -
        <input type="text" name="uphone2" size="5"> -
        <input type="text" name="uphone3" size="5"><br>
        <!-- 사이즈 지정 가능. 뒤에 단위 px 생략가능 -->

        사진: <input type="file" name="upic"><br>
        성별구분: <input type="radio" name="gender" value="m"><input type="radio" name="gender" value="w"><br>
        <!-- 하나만 선택 해야할 때 radio. 선택하는 input type 쓸 때는 같은 카테고리로 인식 되게 name 값 통일 -->

        사용언어: <input type="checkbox" name="lan" value="kor" checked>한국어
        <!-- 다중 선택 가능.기본 체크 되도록 할땐 checked 쓰기. -->

        <input type="checkbox" name="lan" value="eng">영어
        <input type="checkbox" name="lan" value="jap">일본어
        <input type="checkbox" name="lan" value="chi">중국어<br>
        자기소개: <textarea rows="5" cols="20" placeholder="간단히 입력하세요."></textarea><br>
        <!--  cols: 가로(행), rows: 세로(열). placeholder는 밑바탕에 깔리는 회색글씨 -->

        국적: <select>
            <!-- 선택자 태그 -->
            <option>KOREA</option>
            <option>USA</option>
            <option>JAPAN</option>
            <option>CHINA</option>
        </select><br>
        좋아하는음식: <select multiple>
            <!-- 다중선택 가능 -->
            <option>김치</option>
            <option>불고기</option>
            <option>비빔밥</option>
            <option>파전</option>
        </select><br>
        <input type="submit" value="완료">
        <!-- value로 안에 텍스트 지정. 지정 안하면 기본값은 "제출" -->
    </form>
profile
화이팅

0개의 댓글