🔙뒤로가기

input 태그

<!-- 예제 -->
<form>
  <label for="username">Username:</label>
  <input type="text" id="username" name="username">
  <br><br>
  <label for="password">Password:</label>
  <input type="password" id="password" name="password">
  <br><br>
  <input type="submit" value="Submit">
</form>

HTML 폼에서 사용자 입력을 받는 요소를 정의하는데 사용된다. 종류에 따라 다음과 같이 선언할 수 있다.

• text: 텍스트 박스를 정의, 한 줄의 텍스트를 입력할 수 있다.
• password: 텍스트 박스를 정의. 텍스트 입력은 암호처럼 보인다.
• radio: 라디오 버튼을 정의. 같은 이름의 라디오 버튼 중 하나만 선택할 수 있다.
• checkbox: 체크박스를 정의. 같은 이름의 체크박스를 여러 개 선택할 수 있다.
• submit: 제출 버튼을 정의. 사용자가 폼을 제출할 때 클릭할 수 있다.
• reset: 초기화 버튼을 정의. 사용자가 폼의 내용을 초기화할 때 클릭할 수 있다.

input 태그의 속성

• type: input 요소의 종류를 지정한다. 예를 들어, text, password, checkbox, radio, submit, reset 등이 있다.
• name: 폼 데이터에 대한 이름을 지정. 서버에서 폼 데이터를 받을 때 name 속성 값으로 데이터를 구분하여 받는다.
• value: input 요소의 기본값을 지정한다.
• readonly: 사용자가 폼 요소의 값을 변경할 수 없게 하는 속성.
• disabled: 폼 요소를 비활성화 시켜 사용자가 입력할 수 없게 하는 속성.
• required: 폼 요소에 값을 입력하지 않으면 제출할 수 없게 하는 속성.
• pattern: 폼 요소에 입력된 값이 특정 패턴과 일치하는지 검사하는 속성.
• min, max: 폼 요소에 입력될 수 있는 최소값과 최대값을 지정.
• step: 폼 요소의 값을 증가/감소시킬 단위를 지정.