STUDY/HTML

[HTML] <input> 입력, 선택, 버튼

유하민 2025. 4. 30. 12:02
반응형

<input>

type

text : 일반 텍스트 입력

 

password : 비밀번호로 텍스트로 표기되지 않고 입력

 

radio : 동그란 선택버튼 (중복선택불가)

 

checkbox : 네모난 선택버튼 (중복선택 가능)

 

checked : 기본적으로 체크 되어있는 값

 

submit : 저장하고 다른곳으로 값을 보냄

 

button : 단순한 버튼

 

reset : 다시쓰기

 

file : 파일을 선택할 수 있는 속성

 

속성 

value : 미리 입력된 값

autofocus : 입력창을 클릭하지 않아도 자동으로 포커싱 되어있게 만들어주는 속성

readonly : 값을 입력할 수 없다.

disabled : 비활성화

placeholder : 입력값 힌트 (기본적으로 회색으로 표기)

 

선택박스

<select>

<option>

 

 

textarea : 긴 글 텍스트 입력

cols : 가로 너비 (가로로 쓸 수 있는 글자 갯수) 속성

rows : 세로 너비 (줄의 갯수) 속성

 

<table> : 테이블

<tr> : 한 행

<th> : 열의 제목

    colspan : 열을 합치는 속성

<td> : 열의 내용

    rowspan : 행을 합치는 속성

 

 

반응형