게시판 베이직 스킨 input 안에 글 넣기..
본문
위처럼 게시판에 제목, 내용, 링크, 파일등에
input 태그 안에 위처럼 텍스트를 표시하고 입력하도록 클릭하면 없어지도록 하려고 합니다.
그누보드에 포함된 게시판 베이직 스킨 이기 때문에 따로 코드는 안올립니다.
위와 같은 기능을 하는 방법좀 궁굼 합니다.
답변 3
input 속성 중에
placeholder="제목 입력" 을 활용해보세요. ^^
아 이런 태그가 있군요.
감사합니다. 꼭 사라져야 하는건 아니고 뒤에 흐리게 보여도 되죠..
이거 태그 찾아 봐야 겠습니다. 감사합니다.
기본 외부로그인 스킨이 그게 적용된 것 같은데 따와서 해보시는건 어떠신지
네 알려주신데로,
#ol_id {display:block;margin:0 0 5px !important;margin:0 0 3px;padding:0 5px;width:168px;height:22px;border:1px solid #e4eaec;background:#f7f7f7;line-height:1.6em}
.ol_idlabel {position:absolute;top:6px;left:5px;color:#333;font-size:0.95em}
#ol_pw {display:block;margin:0 0 5px !important;margin:0 0 3px;padding:0 5px;width:168px;height:22px;border:1px solid #e4eaec;background:#f7f7f7;vertical-align:top;line-height:1.6em}
.ol_pwlabel {position:absolute;top:35px;left:5px;color:#333;font-size:0.95em}
요걸 이용해서 이름만 변경해 봤는데, <input> 태그 앞에 나와서 꿈쩍도 하지 않네요 ;;
input 태그에 placeholder를 사용해보면 어떨까요?
IE9 부터 지원되는 것으로 알고 있는데 그 이하 브라우저도 지원하려면 jquery placeholder 플러그인 찾아보면 있을겁니다..
IE9 이하 까지 신경 쓸 정도로 실력이 없어서 ㅠㅠ
그 이상만 되도 감지덕지죠 ㅎㅎㅎ
감사합니다.
placeholder 바로 적어 봤는데, 좋네요. 감사합니다.