Form Element: input / textarea / select

백아름·2023년 5월 22일
0

프론트엔드

목록 보기
28/80
  1. <input>: <input> 엘리먼트는 사용자로부터 텍스트, 숫자, 이메일, 비밀번호 등 다양한 형태의 입력을 받을 수 있는 텍스트 상자를 생성합니다. type 속성을 사용하여 원하는 형식을 선택할 수 있습니다.

예시:

<input type="text">: 일반적인 텍스트 입력 상자입니다.
<input type="number">: 숫자를 입력받는 상자입니다.
<input type="email">: 이메일 주소를 입력받는 상자입니다.
<input type="password">: 비밀번호를 입력받는 상자입니다.

2.<textarea>: <textarea>엘리먼트는 여러 줄의 텍스트를 입력할 수 있는 텍스트 영역을 생성합니다. 일반적으로 긴 글이나 설명을 입력받을 때 사용됩니다.

<textarea rows="4" cols="50">
여기에 여러 줄의 텍스트를 입력하세요.
</textarea>
  1. <select>: <select> 엘리먼트는 드롭다운 목록을 생성하여 사용자가 선택할 수 있는 옵션들을 제공합니다. <option> 엘리먼트를 사용하여 각각의 선택지를 지정할 수 있습니다.
<select>
  <option value="option1">옵션 1</option>
  <option value="option2">옵션 2</option>
  <option value="option3">옵션 3</option>
</select>
profile
곧 훌륭해질 거에요!

0개의 댓글