HTML의 <input> 태그에 대해

HTML의 <input> 태그는 사용자로부터 정보를 입력받기 위해 사용되며 다양한 종류가 있다.

 

 

1. 텍스트 입력 (Text Input):

<input type="text" name="username" placeholder="Enter your username">

 

사용자에게 텍스트를 입력받을 수 있는 기본적인 입력 필드이다.

 

 

2. 비밀번호 입력 (Password Input):

<input type="password" name="password" placeholder="Enter your password">

 

사용자가 입력한 내용이 가려지는 비밀번호 입력 필드이다.

 

 

3. 라디오 버튼 (Radio Buttons):

<input type="radio" name="gender" value="male"> Male

<input type="radio" name="gender" value="female"> Female

 

여러 옵션 중에서 한 가지만 선택할 수 있는 라디오 버튼이다.

 

 

4. 체크박스 (Checkboxes):

<input type="checkbox" name="subscribe" value="yes"> Subscribe to newsletter

 

여러 옵션 중에서 여러 개를 선택할 수 있는 체크박스이다.

 

 

5. 버튼 (Buttons):

<input type="button" value="Click me">

<input type="submit" value="Submit">

<input type="reset" value="Reset">

 

버튼 요소로, 각각 클릭할 때 다른 동작을 수행하는 버튼, 제출 버튼, 리셋 버튼 등이 있다.

 

 

6. 숨김 필드 (Hidden Input):

<input type="hidden" name="user_id" value="123">

 

사용자에게 보이지 않지만 서버로 데이터를 전송하는데 사용되는 숨김 필드이다.

 

 

7. 날짜 선택 (Date Input):

<input type="date" name="dob">

 

날짜를 선택할 수 있는 입력 필드이다.

 

 

8. 파일 업로드 (File Input):

<input type="file" name="file_upload">

 

사용자가 로컬에서 파일을 선택하여 서버에 업로드할 수 있는 입력 필드이다.