티스토리 뷰

반응형

input 태그는 닫는 태그가 없습니다.

input 태그는 type 에 아무것도 쓰지 않으면 기본적으로 text 입니다.

placeholder 를 추가하면 아무것도 안쓰여있을때 텍스트가 써집니다.

input 의 type 중 password 는 텍스트가 안보이게 써집니다.

input 의 type 중 date 는 달력을 통해 날짜를 선택할수 있습니다.

input 의 type 중 radio 점 선택 입니다.

input 의 type 중 checkbox v 자 선택 입니다.


input 의 type 중 color 색상 선택 입니다.

input 의 type 중 number 는 숫자 선택 입니다.

min="1"(최소 숫자) max ="100"(최대 숫자) step="5"(올라가는 숫자 크기) 을 같이 써줍니다.

textarea 는 여러줄을 작성할수 있는 박스입니다.

<textarea name="" id="" cols="10" rows="5"></textarea>

col 속성으로 가로 크기를, row 속성으로 세로 크기를 정할 수 있습니다.

style 속성 resize : none; 를 넣으면 크기가 변경되지 않습니다.

select 태그 열고 닫아야 하는 태그이며 위와 같습니다.

<select name="" id="">
<option value="" selected>한국</option>
<option value="">미국</option>
<option value="">중국</option>
<option value="">일본</option>
</select>

항목은 option 으로 나타내며 selected = 'selected' 속성이 있을때 처음 나타나는 값으로 됩니다.

button 태그는 위의 태그입니다.

반응형

'프로그래밍 > HTML , CSS' 카테고리의 다른 글

포지션 - position  (0) 2021.03.30
CSS - background 속성  (0) 2021.03.26
form 태그  (0) 2021.03.25
노멀라이징, 라이브러리  (0) 2021.03.23
display  (0) 2021.03.23
반응형
최근에 올라온 글
Total
Today
Yesterday
글 보관함