텍스트 입력 요소
Coddy HTML 여정의 Fundamentals 섹션에 포함된 레슨 — 60개 중 36번째.
HTML에서 텍스트 입력(text inputs)은 사용자가 텍스트를 입력할 수 있는 폼 필드를 만드는 데 사용됩니다. 다양한 유형의 텍스트 입력이 있으며, 각각은 서로 다른 종류의 텍스트 기반 데이터에 맞게 설계되었습니다. 가장 일반적인 유형은 한 줄 텍스트 입력으로, type 속성이 "text"로 설정된 <input> 태그를 사용하여 생성됩니다.
HTML에서 텍스트 입력을 만들기 위한 기본 구문은 다음과 같습니다:
<input type="text" name="fieldname"><input>: 입력 필드를 정의하는 태그입니다.type="text": 입력 유형을 텍스트로 지정하는 속성입니다.name: 입력 필드에 이름을 부여하는 속성으로, 폼이 제출될 때 데이터를 식별하는 데 사용됩니다.
참고:
input은(는) 특별한 태그로, 닫는 태그가 필요하지 않습니다!
챌린지
쉬움다음과 같은 텍스트 입력 필드를 포함하는 폼(form)이 있는 HTML 문서를 만드세요:
- name이 “firstname”인 텍스트 입력 필드.
- name이 “lastname”인 텍스트 입력 필드.
치트 시트
텍스트 입력은 <input> 태그와 type="text"를 사용하여 생성됩니다:
<input type="text" name="fieldname">type="text": 입력 유형을 텍스트로 지정합니다name: 폼이 제출될 때 데이터를 식별합니다
참고: <input>은(는) 자체 종료 태그이며 닫는 태그가 필요하지 않습니다.
직접 해보기
<!DOCTYPE html>
<html>
<body>
<!-- 여기에 코드를 작성하세요 -->
</body>
</html>
실력 점검이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.
