text 내에 안내문구 넣는 placeholder 태그

조회 2,647 2026-08-18 등록

소개

의견 0

로그인하면 의견을 남길 수 있습니다.

아직 의견이 없습니다. 첫 의견을 남겨보세요.

비슷한 사이트

게시글

<hr> 태그 가로선 태그에 색상을 넣는 방법이다

태그에 색상을 넣고 싶으면 이렇게 CSS를 통해 넣으면 적용될것 같지만 그렇지않다 그이유는 hr는 top,bottom라인이 존제한다 해서 기본적으로 하면 라인이 2px로 된다 top,bottom 각각 1px씩 2px이된다 해서 1px로 하고자 할때 border-bottom:1px solid #000000;border-top:none; 이런식으로 라인 하나를 제거하면된다

게시글

input value 입력할때 주의해야되는 사항

textarea,input text 를 입력할경우에 주의 해야되는 것이 있는데 따움표라던지 별도의 태그가 value안에 들어가지 않도록 주의 해야된다 만약들어가게되면 페이지가 깨지거나 오작동이 되기때문이다 그러기 때문에 습관을 들이는것이좋다

게시글

체크시 텍스트 문구 변경하는 방법

체크할때 텍스트를 바꾸는 방법은 많이 있다 아이디를 선언해서 해당 이벤트 발생시 처리 하는 방법이 있는데 그렇게 하지 않고 아이디 하나만 선언하고 태그내에서 parent()를 활용해서 접근한후에 텍스트를 교체하는 방법이다 여러게의 아이디를 사용할필요가 없어 간편하고 유지보수가 비교적 편리한 편이여서 즐겨사용하는 방법이다 //맵선택했을경우 바로 색상변경 function mapcheckbox(_this){ if($(_this).is(":checked")==true){ $(_this).parent().attr("class","checkbox_text_on"); }else{ $(_this).parent().attr("class","checkbox_text_off"); } } .checkbox_text_on{color:#000000;} .checkbox_text_off{color:#dddddd;} 테스트

게시글

팝업창 옆에 팝업창 띄우기

팝업창을 띄울때 top,left는 고정되는데 상대적인 위치에 팝업창을 띄우고자 할때 사용하는 방법 var nWidth = "260"; var nHeight = "430"; // 듀얼 모니터인경우 var curX = window.screenLeft; var curY = window.screenTop; var curWidth = document.body.clientWidth; var curHeight = document.body.clientHeight; var nLeft = curX + (curWidth / 2) - (nWidth / 2); var nTop = curY + (curHeight / 2) - (nHeight / 2); var strOption = ""; strOption += "left=" + nLeft + "px,"; strOption += "top=" + nTop + "px,"; strOption += "width=" + nWidth + "px,"; strOption += "height=" + nHeight + "px,"; strOption += "toolbar=no,menubar=no,location=no,"; strOption += "resizable=yes,status=yes"; window.open(src, '', strOption);

게시글

input type=text 태그만 별도로 스타일 지정하는 방법

input{display:none;} 이렇게 css선언하게 되면 모든 input 태그는 비노출이된다 text,password,checkbox,radio등등 모두 비노출되는 식이다 그러나 input=text만 별도로 적용하고자 하는경우가 있는데 이때 사용하는 방법이다 input { expression(this.type == "text" ? "none" : font-size:13px) } expression를 통해서 this.type == "text"구분하여 별도록 스타일을 지정할수 있다

게시글

비밀번호 입력문구 input 이지미 삽입

input type이 password인경우 value="비밀번호" 이렇게 입력하면 ****이렇게 내용을 볼수 없다그렇기때문에 해당 문구를 넣고 싶은경우 이미지를 활용하는 방법을 사용한다 input_pw.gif 이미지에 "비밀번호입력" 이런식으로 만들어지 이미지를 호출하는 형태이다 그리고 onfocus 되었을때 이미지를 비우는 식으로 문구를 제거한다