|
|
|
 |
|
|
| |
|
|
(1) 입력 상자라고도 하며, 사용자에게 어떤 정보를 입력할 때 사용합니다.
|
|
<![CDATA[<form>
<input type="입력필드의 형식" name="이름" value="기본 값" size="글자수" maxlength="최대 글자수">
</form>
]]>
|
|
① type : 입력필드의 형식을 입력하며, 'text' 와 'password'가 있습니다.
② name : 텍스트 상자의 이름을 입력하며, 화면상에는 나타나지 않으나 반드시 입력해야 합니다.
③ value : 텍스트 상자 안에 처음부터 내용이 보이게 하려면 value 안에 원하는 텍스트를 입력하면 됩니다.
④ size : 텍스트 상자의 글자 수를 지정합니다. 만약 지정하지 않으면 기본 글자 수는 20입니다.
⑤ maxlength : 텍스트 상자 안에 들어갈 수 있는 최대 글자 수를 지정합니다.
만약 30이라 입력한다면 영문 30, 한글 15자까지 입력이 가능합니다.
입력필드의 형식은 다음 두 가지로 나누어집니다.
- text : 일반적으로 한글 / 영문 / 숫자를 입력할 때 사용합니다.
- password : 입력 상자에 쓴 내용이 ***으로 보호가 됩니다. 하지만, 서버로 내용이 전송될 때는 실제 내용이 전송됩니다.
|
(2) 여러 줄을 입력할 수 있는 텍스트 상자
|
|
<![CDATA[<form>
<textarea name="이름" rows="행수" cols="가로너비" wrap="줄바꾸기 방법"> ~ </textarea>
</form>
]]>
|
|
① name : 이름을 입력합니다.
② rows : 텍스트 상자의 행수를 지정합니다.
③ cols : 텍스트 상자의 너비 즉, 문자수를 지정합니다.
④ wrap : 줄 바꾸기 방법을 나타냅니다.
- off : 줄 바꿈이 이루어지지 않습니다.
- soft : 화면상에서만 줄 바꿈이 이루어집니다.
- hard : 자동 줄 바꿈(화면상은 물론 송신되는 데이타도 줄 바꿈이 이루어집니다.)
|
|
|
|
<![CDATA[<html>
<head>
<title>텍스트 상자입력</title>
</head>
<body>
<form>
<font color="#0063ce"><h5>1. 텍스트 상자 </h5></font>
당신의 이름은 무엇입니까?
<input type="text" name="이름" value="이름을 입력하세요."
size="15" maxlength="30"><p>
<font color="#0063ce"><h5>2. 텍스트 상자 ( password )</h5></font>
비밀번호를 입력하세요!
<input type="password" name="암호" value=" " size="15"
maxlength="30"><p>
<font color="#0063ce"><h5>3. 여러줄의 텍스트 입력상자</h5></font>
자기소개를 간단하게 적어 주세요.
<textarea name="자기소개" rows="3" cols="50" wrap="hard"></textarea>
</form>
</body>
</html>]]>
|
|
 |
|
|
|
|
|
|
폼의 기본형식
