우당탕탕 개발자 되기
폼 만들기 본문
<form> 태그 - 폼 만들기
/기본형
<form [속성="속성 값"]> 여러 폼 요소 </form>
form 태그의 속성
-method
: 사용자가 입력한 내용들을 서버 쪽 프로그램으로 어떻게 넘겨줄지 지정한다.
속성값
-get : 주소 표시줄에 사용자가 입력한 내용이 그대로 드러난다
-post : 대부분 이 방식을 사용한다. 사용자의 입력을 표준입력으로 넘겨주기 때문에 입력 내용의 길이에 제한을 받지 않고 사용자가 입력한 내용이 드러나지 않는다.
-name
: 폼의 이름을 지정한다. 한 문서 안에 여러 개의 <form> 태그가 있을 경우, 폼들을 구분하기 위해 사용한다.
-action
: <form> 태그 안의 내용들을 처리해 줄 서버 상의 프로그램을 지정한다.
-target
:<action> 태그에서 지정한 스크립트 파일을 현재 창이 아닌 다른 위치에 열도록 지정한다.
autocomplete 속성
: 자동완성 기능
<form action="register.php" autocomplete="on"> //off로 하면 자동완성 기능이꺼진다
..........
</form>
<label> 태그 : 폼 요소에 레이블 붙이기
<label [속성="속성 값"]> 레이블 <input ...> </label>
or
<label for "id이름">레이블</label>
<input id="id이름" [속성="속성 값"]>
체크 박스도 생성가능
<fieldset>, <legend> 태그 - 폼 요소 그룹으로 묶기.
'WEB' 카테고리의 다른 글
| BEM 방식 (0) | 2021.03.07 |
|---|---|
| CSS 스타일 (0) | 2021.03.03 |
| HTML Tags (0) | 2021.03.02 |
| JavaScript -문서 객체 (0) | 2021.01.17 |
| JavaScript-객체 (0) | 2021.01.16 |