<input>태그의 속성, 선택 박스 만들기

안녕하세요 산책입니다. 지난 시간에 이어서 <input> 태그와 선택 박스 만들기를 해보겠습니다.!

하나하나씩 알아볼까요??

value속성

<input>태그의 value 속성은 입력 요소의 필드에 초깃값을 설정하는 데 사용됩니다.

value='홍길동' 과같이 필드 초깃값으로 설정을 하면 첫 화면에 홍길동이란 이름이 나옵니다.

autofocus 속성

<input>태그의 autofocus 속성은 별명 항목에서와 같이 입력 요소의 필드에 값을 입력할 수

있도록 마우스 커서를 깜빡이게 합니다.

readonly 속성

<input> 태그의 readonly속성은 아이디 항목에서와 같이 입력 값 수정이 불가능한 읽기 모드입니다.

disabled 속성

<input>태그의 disabled 속성은 회원 레벨 항목에서의 같이 입력 창에 음영 처리를 하고

데이터 입력 자체를 방지합니다.

placeholder 속성

<input> 태그의 placeholder 속성은 전화번호 항목에서와 같이 입력 창에 입력할 데이터의 예시를

보여주어 값 입력에 대한 힌트를 부여합니다.

선택 박스를 생성하는데 <select><option> 태그가 사용됩니다.

<select> 태그는 전체 선택 항목들을 감싸고 <option> 태그는 각 항목을 감싸요.

3. 다중 입력 창- <textarea>

<textarea cols="80"rows="6"></textarea>

다중 입력 창에는 <textarea>태그를 상용한다.

cols 속성은 한 줄에 입력 가능한 글자 수를 나타냅니다.

row 속성은 입력 가능한 줄의 수를 의미합니다.

즉 cols 속성과 row의 속성은 각각 다중 입력 창의

너비와 높이를 의미합니다.

오늘은 <input> 태그에 대해 알아보았습니다.!

다음 시간에는 테이블을 만들어 보는 시간을 가지도록 할게요!!

모르는개산책