home강의 홈으로
Section 1. <갖다 놓는> HTML
Lesson 10. 사용자로부터 입력 받기 3
<textarea> 전용 속성들
| 속성 |
설명 |
비고 |
cols |
글자수 단위의 너비 |
기본값 20 |
rows |
표시되는 줄 수 |
|
우측 하단의 크기조절 버튼은, 이후 배울 CSS의 아래 속성과 값으로 없앨 수 있습니다.
/* CSS 수강 이후 살펴보세요! */
textarea {
resize: none;
}
옵션 관련 속성들
| 속성 |
태그 |
설명 |
multiple |
<select> |
다중 선택 가능. 드랍다운 대신 상자로 표시 |
selected |
<option> |
선택됨 ( checkbox, radio의 checked처럼 ) |
value |
<option> |
실제로 전송될 값 |
list |
<input> |
연결할 <datalist>의 ID |
<progress> 태그 속성들
| 속성 |
설명 |
비고 |
max |
최대값 |
기본: 1 |
value |
진행 수치 |
자바스크립트로 변경 |
<meter> 태그 속성들
| 속성 |
설명 |
비고 |
min, max |
최소값과 최대값 |
|
low, high |
전체 범위를 3등분하는 두 수치 |
|
optimum |
이상적인 값 |
3개의 구간 중 한 곳에 위치 |
value |
실제 값 |
|
🤔얄코에게 질문하기질문은 반.드.시 이리로 보내주세요! ( 강의사이트 질문기능 ✖ )
🛑질문 전 필독!!
- 구글링을 먼저 해 주세요. 들어오는 질문의 절반 이상은 구글에 검색해 보면 1분 이내로 답을 찾을 수 있는 내용들입니다.
- 오류 메시지가 있을 경우 이를 구글에 복붙해서 검색해보면 대부분 짧은 시간 내 해결방법을 찾을 수 있습니다.
- 강의 페이지에 추가사항 등 놓친 부분이 없는지 확인해주세요. 자주 들어오는 질문은 페이지에 추가사항으로 업데이트됩니다.
- "유료파트의 강의페이지는 어디 있나요?" - 각 영상의 시작부분 검은 화면마다 해당 챕터의 강의페이지 링크가 있습니다.
- 질문을 보내주실 때는 문제가 어떻게 발생했고 어떤 상황인지 등을 구체적으로 적어주세요. 스크린샷을 첨부해주시면 더욱 좋습니다.
