폼문서인데 좀 봐주세요..ㅎㅎ 정보
폼문서인데 좀 봐주세요..ㅎㅎ
본문
<FORM METHOD=POST ACTION="form.cgi">
<INPUT TYPE=HIDDEN NAME=form01 VALUE=Default><TABLE BORDER=0 WIDTH="148" ALIGN=CENTER>
<TR>
<TD ALIGN=CENTER width="144" height="130"><TEXTAREA NAME="내용" COLS="13" ROWS="6">이곳에 글을 쓰세요.</TEXTAREA>
<INPUT TYPE=SUBMIT VALUE="send"></TD>
</TR>
</FORM>
<INPUT TYPE=HIDDEN NAME=form01 VALUE=Default><TABLE BORDER=0 WIDTH="148" ALIGN=CENTER>
<TR>
<TD ALIGN=CENTER width="144" height="130"><TEXTAREA NAME="내용" COLS="13" ROWS="6">이곳에 글을 쓰세요.</TEXTAREA>
<INPUT TYPE=SUBMIT VALUE="send"></TD>
</TR>
</FORM>
위 소스에서 내용을 적는 곳에 미리 글이 씌어져 있는데요,
마우스 커서를 내용이 있는 곳에 위치하게 되면,
기존의 내용이 지워지는 기능은 어떻게 한느 거죠?
즉, 마우스커서를 "이곳에 글을 쓰세요."라는 곳에 위치시키면,
"이곳에 글을 쓰세요."라는 문장이 지워져야 합니다.
이런 스크립트 소스를 알고 싶습니다...^^
고수님들 부탁합니다..^^
추천
0
0
댓글 10개
http://www.sir.co.kr/bbs/board.php?bo_table=g4_tiptech&wr_id=3096
의 팁과 댓글중 바다님의 언급참고 수정...
의 팁과 댓글중 바다님의 언급참고 수정...
위의 링크는 텍스트필드 같네요
왕초보님의 질문은 텍스트에리어 같습니다.
왕초보님의 질문은 텍스트에리어 같습니다.
수정 응용하시라고 적어논 것이지요...
텍스트 필드든 에이리어든 적용되는 이치는 똑같지 않을까요???
텍스트 필드든 에이리어든 적용되는 이치는 똑같지 않을까요???
이치는 비슷 할 수도 있겠지만
텍스트폼와 텍스트에리어폼의 차이점을 잘 이해하지 못한다면
의외로 어려울 수도 있습니다.
텍스트폼와 텍스트에리어폼의 차이점을 잘 이해하지 못한다면
의외로 어려울 수도 있습니다.
http://iallu.com/cygnus/in.php
--------------------------------------------------------------------------------------------------------
<FORM METHOD=POST ACTION="form.cgi">
<INPUT TYPE=HIDDEN NAME=form01 VALUE=Default>
<TABLE BORDER=0 WIDTH="148" ALIGN=CENTER>
<TR>
<TD ALIGN=CENTER width="144" height="130">
<script language="javascript">
function clearField(field){ if (field.value == field.defaultValue) { field.value = ''; } }
function checkField(field){ if (field.value == '') { field.value = field.defaultValue; } }
</script>
<textarea name="내용" cols="65" rows="10" onBlur="checkField(this)" onFocus="clearField(this)">이곳에 글을 쓰세요.</TEXTAREA>
<INPUT TYPE=SUBMIT VALUE="send"></TD>
</TR>
</FORM>
--------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------
<FORM METHOD=POST ACTION="form.cgi">
<INPUT TYPE=HIDDEN NAME=form01 VALUE=Default>
<TABLE BORDER=0 WIDTH="148" ALIGN=CENTER>
<TR>
<TD ALIGN=CENTER width="144" height="130">
<script language="javascript">
function clearField(field){ if (field.value == field.defaultValue) { field.value = ''; } }
function checkField(field){ if (field.value == '') { field.value = field.defaultValue; } }
</script>
<textarea name="내용" cols="65" rows="10" onBlur="checkField(this)" onFocus="clearField(this)">이곳에 글을 쓰세요.</TEXTAREA>
<INPUT TYPE=SUBMIT VALUE="send"></TD>
</TR>
</FORM>
--------------------------------------------------------------------------------------------------------
바로 먹혀 들어가네요... *^^*
텍스트에리어는 태그와 태그 사이에 내용이 들어 있어서 링크된 소스로 될까
하고 생각하고 있었는데 응용도 필요 없이 바로 되네요.
텍스트에리어는 태그와 태그 사이에 내용이 들어 있어서 링크된 소스로 될까
하고 생각하고 있었는데 응용도 필요 없이 바로 되네요.
아주 좋네요...^^
감사합니다.
감사합니다.
참 노파심에 적습니다...
</form>앞에 </table>이 누락되어 있네요...
</form>앞에 </table>이 누락되어 있네요...
<SCRIPT LANGUAGE="JavaScript">
<!--
function clearField(field){
if (field.value == field.defaultValue) {
field.value = "";
}
}
function checkField(field){
if (field.value == "") {
field.value = field.defaultValue;
}
}
//-->
</SCRIPT>
위에 내용은 함수(function)정의 하는 거니까~! HTML의
<Head>와 </Head>에 넣어야 겠지여? ^^;;;
하지만 <Head>안의 내용이 복잡할 경우 ... 시그너스님 처럼
<body>와 </body>사이의 적당한 곳에 넣으셔도 됩니다~! ^^;;
.
.
.
<textarea type="text" name="임의이름" onBlur="checkField(this)" onFocus="clearField(this)">이곳에 글을 쓰세요</textarea>
.
.
.
위와 같이 onBlur와 onFocus를 통해서 변수를 불러다 쓰시면 됩니다~!
제 위쪽 시그너스님의 코멘트에 잘 적용을 해 주셨는데...가타 부타 설명이
없는거 같아서 제가 약간 정리? 해서 설명을 달아 보앗습니다~! 쩝~!
==조금 응용을 해 본다면... ==
onBlur="checkField(this)"를 빼고 onFocus="clearField(this)만 적용하면
"이곳에 글을 쓰세요"라는 문구가 사라지고 다시 나타나지 않습니다~!
<!--
function clearField(field){
if (field.value == field.defaultValue) {
field.value = "";
}
}
function checkField(field){
if (field.value == "") {
field.value = field.defaultValue;
}
}
//-->
</SCRIPT>
위에 내용은 함수(function)정의 하는 거니까~! HTML의
<Head>와 </Head>에 넣어야 겠지여? ^^;;;
하지만 <Head>안의 내용이 복잡할 경우 ... 시그너스님 처럼
<body>와 </body>사이의 적당한 곳에 넣으셔도 됩니다~! ^^;;
.
.
.
<textarea type="text" name="임의이름" onBlur="checkField(this)" onFocus="clearField(this)">이곳에 글을 쓰세요</textarea>
.
.
.
위와 같이 onBlur와 onFocus를 통해서 변수를 불러다 쓰시면 됩니다~!
제 위쪽 시그너스님의 코멘트에 잘 적용을 해 주셨는데...가타 부타 설명이
없는거 같아서 제가 약간 정리? 해서 설명을 달아 보앗습니다~! 쩝~!
==조금 응용을 해 본다면... ==
onBlur="checkField(this)"를 빼고 onFocus="clearField(this)만 적용하면
"이곳에 글을 쓰세요"라는 문구가 사라지고 다시 나타나지 않습니다~!
대단히 감사합니다..^^