고정 헤더 영역
상세 컨텐츠
본문
* 사용자에게 입력받기
<열네번째 예제>
<?xml version="1.0" encoding="ks_c_5601-1987"?>
<!DOCTYPE wml PUBLIC "-//PHONE.COM//DTD WML 1.1//EN" "http://www.phone.com/dtd/wml11.dtd">
<wml>
<card>
<do type="accept">
<go href="#main1" />
</do>
<p> ID : 입력 <input name="id" /></p>
<p> 암호 : 입력 <input name="pass" type="password" /></p>
<p> Like : 입력 <input name="like" value="입력하세요" /></p>
<p> 이름 : 입력 <input name="name" maxlength="6" /> </p>
</card>
<card id="main1">
<p>
어솨요 $(id)님<br/>
암호는 $(pass)<br/>
좋아하는것은 $(like)<br/>
이름은 $(name)<br/>
</p>
</card>
</wml>
이번에는 HTML에서 폼태그와 비슷한 사용자에게 입력을 받는 것에 대해 알아보겠습니다.
wml에서 입력을 받는 폼 구성은 매우 간단합니다.
<input> 태그만 이용해 주면 그림 1과 같이 입력 받을 수 있는 화면을 만들어 줍니다.
소스를 하나하나 풀어봅시다
우선 맨 먼저 accept키를 누르면 main1카드로 넘어가게 해주는 구문이 보입니다.
이것은 특별히 설명 안 해드려도 이해하실수 있으시죠?
이제 그 아래에 네번의 input 태그가 나옵니다.
이 input이 바로 사용자에게 입력을 받는 화면을 만들어주는 태그이구요.
기본적인 사용법은 <input name="변수명" /> 입니다.
여기서 지정해준 변수명으로 사용자가 입력한 값이 저장되는 것입니다.
가장 윗부분에 쓰여진 부분부터 해석해 봅시다.
먼저 <input name="id" /> 가 나왔습니다.
사용자에게 입력을 받고 입력 받은 값은 id 라는 변수에 저장 하라는 구문입니다.
그 다음은 <input name="pass" type="password" /> 입니다.
input에서 type을 password로 해주면 사용자가 입력하는 내용들이
화면에는 *** 이렇게 표시가 됩니다. 암호 입력을 할때 많이 이용되는 문장이 되겠지요?
그 다음.. <input name="like" value="입력하세요" />
input에서 value="'는 기본값을 지정해주는 속성입니다.
즉 위에서 ID와 암호입력이 끝난후 Like입력 화면이 출력될때는
그림 1처럼 입력칸이 빈칸으로 나오지 않고 "입력하세요"라는 문구가 먼저 기록이 되어있습니다.
간단하게 도움말등을 쓸때 이용되는 속성이 되겠습니다.
마지막으로 <input name="name" maxlength="6" />입니다.
maxlength는 최대길이를 정하는 속성입니다. 여기서는 6으로 해놓았으므로
여섯글자 이상의 문자가 기록되지 않습니다. 직접 한번 해보세요..^^
자 이렇게 하면 각 input name에 지정된 변수들로 각각의 값이 저장되었습니다.
그런후 main1로 넘어가면 변수의 값을 이용해 문장들을 출력하는군요... 쉽죠?
참고로 이 예제에서는 한 데크안에서 이루어지는 것이므로
그냥 go href="#main1" 이렇게 이동만 해도 변수의 값을 이용할수 있었으나
다른 데크로 이동하게 된다면 get방식을 이용한 데이터 전달을 해야겠지요?
예를들어 위에서 id의 값을 main.wml로 전송한다고 가정하면
<go href="main.wml?id=$(id)" /> 이렇게 되겠지요..^^
아래는 이것에 관한 예제입니다.
- test.wml -
<?xml version="1.0" encoding="ks_c_5601-1987"?>
<!DOCTYPE wml PUBLIC "-//PHONE.COM//DTD WML 1.1//EN" "http://www.phone.com/dtd/wml11.dtd">
<wml>
<card>
<do type="accept">
<go href="test2.wml?id=$(id)" />
</do>
<p> ID : 입력 <input name="id" /></p>
</card>
</wml>
- test2.wml -
<?xml version="1.0" encoding="ks_c_5601-1987"?>
<!DOCTYPE wml PUBLIC "-//PHONE.COM//DTD WML 1.1//EN" "http://www.phone.com/dtd/wml11.dtd">
<wml>
<card>
<p>
어솨요 $(id)님<br/>
</p>
</card>
</wml>
<열네번째 예제>
<?xml version="1.0" encoding="ks_c_5601-1987"?>
<!DOCTYPE wml PUBLIC "-//PHONE.COM//DTD WML 1.1//EN" "http://www.phone.com/dtd/wml11.dtd">
<wml>
<card>
<do type="accept">
<go href="#main1" />
</do>
<p> ID : 입력 <input name="id" /></p>
<p> 암호 : 입력 <input name="pass" type="password" /></p>
<p> Like : 입력 <input name="like" value="입력하세요" /></p>
<p> 이름 : 입력 <input name="name" maxlength="6" /> </p>
</card>
<card id="main1">
<p>
어솨요 $(id)님<br/>
암호는 $(pass)<br/>
좋아하는것은 $(like)<br/>
이름은 $(name)<br/>
</p>
</card>
</wml>
이번에는 HTML에서 폼태그와 비슷한 사용자에게 입력을 받는 것에 대해 알아보겠습니다.
wml에서 입력을 받는 폼 구성은 매우 간단합니다.
<input> 태그만 이용해 주면 그림 1과 같이 입력 받을 수 있는 화면을 만들어 줍니다.
소스를 하나하나 풀어봅시다
우선 맨 먼저 accept키를 누르면 main1카드로 넘어가게 해주는 구문이 보입니다.
이것은 특별히 설명 안 해드려도 이해하실수 있으시죠?
이제 그 아래에 네번의 input 태그가 나옵니다.
이 input이 바로 사용자에게 입력을 받는 화면을 만들어주는 태그이구요.
기본적인 사용법은 <input name="변수명" /> 입니다.
여기서 지정해준 변수명으로 사용자가 입력한 값이 저장되는 것입니다.
가장 윗부분에 쓰여진 부분부터 해석해 봅시다.
먼저 <input name="id" /> 가 나왔습니다.
사용자에게 입력을 받고 입력 받은 값은 id 라는 변수에 저장 하라는 구문입니다.
그 다음은 <input name="pass" type="password" /> 입니다.
input에서 type을 password로 해주면 사용자가 입력하는 내용들이
화면에는 *** 이렇게 표시가 됩니다. 암호 입력을 할때 많이 이용되는 문장이 되겠지요?
그 다음.. <input name="like" value="입력하세요" />
input에서 value="'는 기본값을 지정해주는 속성입니다.
즉 위에서 ID와 암호입력이 끝난후 Like입력 화면이 출력될때는
그림 1처럼 입력칸이 빈칸으로 나오지 않고 "입력하세요"라는 문구가 먼저 기록이 되어있습니다.
간단하게 도움말등을 쓸때 이용되는 속성이 되겠습니다.
마지막으로 <input name="name" maxlength="6" />입니다.
maxlength는 최대길이를 정하는 속성입니다. 여기서는 6으로 해놓았으므로
여섯글자 이상의 문자가 기록되지 않습니다. 직접 한번 해보세요..^^
자 이렇게 하면 각 input name에 지정된 변수들로 각각의 값이 저장되었습니다.
그런후 main1로 넘어가면 변수의 값을 이용해 문장들을 출력하는군요... 쉽죠?
참고로 이 예제에서는 한 데크안에서 이루어지는 것이므로
그냥 go href="#main1" 이렇게 이동만 해도 변수의 값을 이용할수 있었으나
다른 데크로 이동하게 된다면 get방식을 이용한 데이터 전달을 해야겠지요?
예를들어 위에서 id의 값을 main.wml로 전송한다고 가정하면
<go href="main.wml?id=$(id)" /> 이렇게 되겠지요..^^
아래는 이것에 관한 예제입니다.
- test.wml -
<?xml version="1.0" encoding="ks_c_5601-1987"?>
<!DOCTYPE wml PUBLIC "-//PHONE.COM//DTD WML 1.1//EN" "http://www.phone.com/dtd/wml11.dtd">
<wml>
<card>
<do type="accept">
<go href="test2.wml?id=$(id)" />
</do>
<p> ID : 입력 <input name="id" /></p>
</card>
</wml>
- test2.wml -
<?xml version="1.0" encoding="ks_c_5601-1987"?>
<!DOCTYPE wml PUBLIC "-//PHONE.COM//DTD WML 1.1//EN" "http://www.phone.com/dtd/wml11.dtd">
<wml>
<card>
<p>
어솨요 $(id)님<br/>
</p>
</card>
</wml>
