웹디자인 강의 - HTML/CSS
글수 464
[form] 데이터 입력과 전달의 핵심. form태그 제대로 알기 -3-
이번 세번째 강좌로 form태그 강좌는 모두 끝나게 됩니다 -ㄹ-;
이번엔 select태그와 textarea태그에 대해 배워보겠습니다.
-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-
input태그외에 select나 textarea도 많이 쓰이고 있지요.
SELECT 태그는 리스트 박스를 만드는데 사용됩니다.
option 태그를 이용해 항목을 추가시킬수 있지요.
그리고 selected를 이용해 미리 초기 항목을 정해둘수도 있답니다.
또 input태그로는 한줄밖에 텍스트를 입력하지 못했지만 TEXTAREA 태그로는 2줄 이상의 텍스트를 입력할수 있습니다.
rows(세로)나 cols(가로)를 이용해 크기를 조절할수 있습니다.
먼저 select에 대한 간단한 예제입니다.
<form>
<selectname="job">
<option>학생</option>
<option selected>회사원</option>
<option>주부</option>
<option>기타</option>
</select>
</form>

이번엔 textarea에 대한 간단한 예제입니다.
<form>
<textarearows=10 cols=30>
안녕하세요?
어서오세요.
이곳은 제 홈페이지 입니다.
ABCDEFG / hijklmn / 1234567890
</textarea>
</form>

-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-
드디어 데이터 입력과 전달의 핵심. form태그 제대로 알기제 3강좌 까지 마쳤습니다.
다음에 보다 멋진 강좌로 찾아뵙겠습니다.
이번 세번째 강좌로 form태그 강좌는 모두 끝나게 됩니다 -ㄹ-;
이번엔 select태그와 textarea태그에 대해 배워보겠습니다.
-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-
input태그외에 select나 textarea도 많이 쓰이고 있지요.
SELECT 태그는 리스트 박스를 만드는데 사용됩니다.
option 태그를 이용해 항목을 추가시킬수 있지요.
그리고 selected를 이용해 미리 초기 항목을 정해둘수도 있답니다.
또 input태그로는 한줄밖에 텍스트를 입력하지 못했지만 TEXTAREA 태그로는 2줄 이상의 텍스트를 입력할수 있습니다.
rows(세로)나 cols(가로)를 이용해 크기를 조절할수 있습니다.
먼저 select에 대한 간단한 예제입니다.
<form>
<selectname="job">
<option>학생</option>
<option selected>회사원</option>
<option>주부</option>
<option>기타</option>
</select>
</form>

이번엔 textarea에 대한 간단한 예제입니다.
<form>
<textarearows=10 cols=30>
안녕하세요?
어서오세요.
이곳은 제 홈페이지 입니다.
ABCDEFG / hijklmn / 1234567890
</textarea>
</form>

-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-
드디어 데이터 입력과 전달의 핵심. form태그 제대로 알기제 3강좌 까지 마쳤습니다.
다음에 보다 멋진 강좌로 찾아뵙겠습니다.
- by Pe-i


