table
블록 요소 처럼 동작하는 표를 만드는 태그
tr(table row)
열을 생성하는 태그
th, td
행을 구성하게 되는 태그
th의 경우 첫번째 열에서 헤드부분을 보여주는 태그
<table>
<tr>열
<td>행
</td>
</tr>
</table>colspan, rowspan
병합에 대한 내용.
현재의 위치에서 rowspan의 경우 수직으로 몇번째 열까지 병합할지
colspan의 경우 수평으로 몇 번째 행까지 병합할지
scope(th)
머리글의 영역을 지정해줌
caption
표의 제목을 설정
table 태그 바로 다음에 작성해야함.
form
웹 서버에 정보를 제출하기 위한 양식 범위를 정의
action
전송한 정보를 처리할 웹페이지의 URL (서버?)
autocomplete
사용자가 이전에 입력한 값으로 자동 완성 기능을 사용할 것인지 여부
method
서버로 전송할 HTTP 방식 (GET, POST)
default는 GET
GET 방식과 POST 방식의 차이는 이 블로그의 GET, POST 차이라는 글이 있으니 참고차이는 이 블로그의 GET, POST 차이라는 글이 있으니 참고
https://velog.io/@lky9303/HTTP-%EB%A9%94%EC%84%9C%EB%93%9C-GETPOST-%EC%9D%98-%EC%B0%A8%EC%9D%B4feat.-REST-api
name
고유한 양식의 이름
input
사용자에게 입력 받을 데이터 양식
autocomplete
자동 완성 기능 설정
form 에서 써주면 모든 form 내에 적용이 되지만, input에서 써주면 input 에서만 지정
autofocus
페이지가 로드될 때 자동으로 포커스
checked
type이 radio 거나 checkbox일 때 사용할 수 있음
type
인풋에서 받을 수 있는 태그
button
checkbox
file
multiple 속성을 통해 여러개 삽입 가능
text
일반텍스트
submit
제출을 하는 타입 (버튼이 기본)
image
form 안에 써주면 이미지를 제출버튼으로 활용이 가능함.
radio
라디오 버튼
reset
버튼으로 동작, form 태그 내의 모든 input을 모두 초기화 시킴
maxlength
길이 지정이 가능
label
<label><input type="checkbox"/>동의?</label>라벨을 통해 동의? 라는 텍스트를 클릭해도 체크박스가 동작할 수 있음.
for
id 값을 연결시켜 같은 라벨로 묶어줄 수 있음
button
input에서도 button 타입을 줄 수 있지만, 따로 태그로도 사용할 수 있음
type 으로 submit으로 사용할 수 있음
textarea
여러줄의 일반 텍스트 양식을 받을 때 사용함
input의 속성과 크게 다르지 않음.
rows
양식의 줄 수를 지정해놓을 수 있음
fieldset
같은 목적의 양식을 그룹화 할때 fieldset을 사용함
legend
fieldset 내에서 제목을 주고자 할 때 legend를 사용
