<input> 태그의 속성 - 2

<input> 태그의 속성

1. readonly

<label>테스트<input type="text" readonly></label>

• 해당 필드를 읽기 전용으로 변경함

• blooean value(블린 값)을 가지고 있기 때문에 tour, false로 지정해도되고

  readonly만 쓰거나 readonly="readonly"로 써도 됨
  
  
  placeholder
  
  

<label>테스트<input type="text" placeholder="흰트 표시하기"></label>

• <input>요소의 필드 안에 적당한 흰트 내용을 표시하는 속성

• 필드를 클릭하면 내용이 사라짐

1. autofocus
   
   

<label>테스트<input type="text" autofocus></label>

• 페이지가 로드되자마자 폼의 요소 중에서 원하는 요소에 마우스 커서가 표시되도록 함
  
  

1. autocomplete

<label>테스트<input type="text" autocomplete="off"></label>

• 자동완성 기능 제어하기

• autocomplete="on" : 자동 완성 기능을 켬

• autocomplete="off" : 자동 완성 기능을 끔

• autocomplete="default" : 기본상태, 이 때는 폼 요소가 아닌 해당 요소의 <form> 태그에 auto-complete 속성을 사용
  
  

1. min, max

• min : <input> 필드의 최솟값

• max : <input> 필드의 최댓값
  
  

1. maxLength

• 텍스트 필드에 최대로 입력할 수 있는 문자의 개수
  
  

1. step

• 허용된 범위 내의 숫자의 일정한 간격

• date, datetime, datetime-local, month, week, time, number, range 일 경우에만 사용 가능

1. required

• 필수 필드 지정하기

• 폼에 내용 입력 완료 후 submit을 클릭하면 서버로 폼을 전송, 이때 필수 필드에 필요한 내용이 모두 체워졌는지를 검사할때 쓰는 속성

• required 속성을 boolean value이기 때문에 required="required" 또는 required라고만 적어 사용하면 됨