글
textarea를 이용한 자기소개란 만들기
HTML
2011. 8. 10. 20:47
안녕하세요?
오늘도 입력하는 방법에 대해서 배워보겠습니다. 오늘 배울 내용은 textarea입니다. 홈피를 다니다보면 회원가입할때 자기 소개란 같은게 있지요. 거기에 자기소개를 쓰는데요. 그 쓰는 상자를 만드는 겁니다. 글을 써서 어떻게 하는 가는 차후의 문제고 일단 글을 쓸수 있게 글상자를 나타내는 법부터 배워봅시다. 형식은
<textarea rows="값" cols="값"></textarea>
입니다. rows는 몇줄로 할것인지 cols는 몇칸으로 할것인지입니다. rows="5" cols="15" 이렇게하면 5줄에 15칸으로 한다 이런뜻입니다. 그럼 저번에 배운 로그인박스 기억나시죠? 그 밑에 자기소개를 적는 란을 만드는 예제를 배워보겠습니다. 예제전체 코드는
<html>
<head><title>로그인과 textarea</title>
</head>
<body>
<table border=1>
<tr>
<td>아이디</td>
<td><input type="textbox" size="15"></td>
</tr>
<tr>
<td>패스워드</td>
<td><input type="password" size="15"></td>
</tr>
<tr>
<td>자기소개</td>
<td><textarea rows="5" cols="15"></textarea></td>
</tr>
</table>
</html>
이렇습니다. 오늘 배운 textarea부분도 보이시죠? cols는 textbox와 password와 크기가 같게 설정했습니다. 실행이 어떻게 될거 같습니까? 아이디, 패스워드나오고 밑에 자기소개가 나오겠지요? 그리고 글상자가 나오고 자기소개를 입력하면 될겁니다. 결과화면입니다.
예쁘게 나왔네요. 그럼 오늘은 여기까지 다음에 또 만나요~
오늘도 입력하는 방법에 대해서 배워보겠습니다. 오늘 배울 내용은 textarea입니다. 홈피를 다니다보면 회원가입할때 자기 소개란 같은게 있지요. 거기에 자기소개를 쓰는데요. 그 쓰는 상자를 만드는 겁니다. 글을 써서 어떻게 하는 가는 차후의 문제고 일단 글을 쓸수 있게 글상자를 나타내는 법부터 배워봅시다. 형식은
<textarea rows="값" cols="값"></textarea>
입니다. rows는 몇줄로 할것인지 cols는 몇칸으로 할것인지입니다. rows="5" cols="15" 이렇게하면 5줄에 15칸으로 한다 이런뜻입니다. 그럼 저번에 배운 로그인박스 기억나시죠? 그 밑에 자기소개를 적는 란을 만드는 예제를 배워보겠습니다. 예제전체 코드는
<html>
<head><title>로그인과 textarea</title>
</head>
<body>
<table border=1>
<tr>
<td>아이디</td>
<td><input type="textbox" size="15"></td>
</tr>
<tr>
<td>패스워드</td>
<td><input type="password" size="15"></td>
</tr>
<tr>
<td>자기소개</td>
<td><textarea rows="5" cols="15"></textarea></td>
</tr>
</table>
</html>
이렇습니다. 오늘 배운 textarea부분도 보이시죠? cols는 textbox와 password와 크기가 같게 설정했습니다. 실행이 어떻게 될거 같습니까? 아이디, 패스워드나오고 밑에 자기소개가 나오겠지요? 그리고 글상자가 나오고 자기소개를 입력하면 될겁니다. 결과화면입니다.
'HTML' 카테고리의 다른 글
| 체크박스 (0) | 2011.08.16 |
|---|---|
| <select><option>으로 드랍다운메뉴 만들기 (0) | 2011.08.13 |
| input태그와 간단한 로그인 박스 만들기 (0) | 2011.08.08 |
| HTML태그정리표 (0) | 2011.08.03 |
| HTML공부 iframe (2) | 2011.07.27 |
