글
input태그와 간단한 로그인 박스 만들기
HTML
2011. 8. 8. 21:35
안녕하세요?
오늘은 폼에 대해서 배워보겠습니다. 인터넷에보면 회원가입하는 사이트가 많은데요. 거기보면 이름입력하고 비밀번호 입력하고 여러가지 입력하는 것을 보신 적이 있으실겁니다. 물론 선택하는 것도 있지요. 그 중에 오늘은 아이디와 비밀번호를 입력하는 폼을 만들어 보겠습니다. 이 폼이 작동되게 할려면 좀 복잡한데 여기서는 작동은 안되고 그냥 아이디와 비밀번호만 입력하게 하는 폼을 만들어 보겠습니다. 먼저 소스코드를 보시죠.
<html>
<head><title>로그인</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>
</table>
</html>
안배운게 input type="textbox", "password" 일겁니다. 이 input 태그는 사용자와 대화를 할수 있게 여러가지 대화틀을 제공합니다. 입력할수 있는 상자라든가 글을 많이 적을수 있는 글상자, 그리고 하나만 선택할수 있는 radio버튼, 여러개를 동시에 선택할수 있는 checkbox등등입니다. 오늘은 그 중에 글자를 한줄 입력하는 textbox와 암호를 입력하는 password 두가지를 살펴보죠. textbox는 크기(여기서는 15라고 했죠)에 맞게 한줄글을 입력받는 틀입니다. 실행해보면 아시겠지만 보통 사이트에서 아이디 입력받는 형식으로 나옵니다.
그리고 password는 비밀번호를 입력받아야 하기때문에 글자가 안보이고 점으로 나타납니다. 이것도 많이 보셨으리라 생각됩니다. 그럼 실행결과를 볼까요?
자 이렇게 오늘은 폼에 대해 간단하게 알아봤습니다. 다음시간에는 더 좋은 내용으로 찾아뵙겠습니다. 그럼이만~
'HTML' 카테고리의 다른 글
| <select><option>으로 드랍다운메뉴 만들기 (0) | 2011.08.13 |
|---|---|
| textarea를 이용한 자기소개란 만들기 (0) | 2011.08.10 |
| HTML태그정리표 (0) | 2011.08.03 |
| HTML공부 iframe (2) | 2011.07.27 |
| frame 제어 (0) | 2011.07.26 |
