ȸ¿ø°¡ÀԡžÆÀ̵ð/ºñ¹øÃ£±â
½Ç½Ã°£ TV
ȨÀ¸·Î
input textarea Æ÷Ä¿½º½Ã È¿°úÁÖ±â
11³â Àü

¿©·¯°¡Áö ¹æ¹ýÀÌ ÀÖ°ÚÁö¸¸ Àú´Â ¾Æ·¡ÀÇ ¹æ¹ýÀ» »ç¿ëÇÕ´Ï´Ù.

ÀÎDz¹Ú½ºÀÇ ½ºÅ¸ÀÏ Å¬·¡½º¸¦ º¸Åë¹Ú½º¿Í Æ÷Ä¿½º°¡ µé¾î°£¹Ú½º¸¦ ¹Ì¸® »ý¼ºÇصӴϴÙ.

jquery¸¦ ÀÌ¿ëÇÏ¿© ÀÎDz¹Ú½º¿¡ Ä¿¼­°¡ ¸ÂÃçÁö¸é ¹Ì¸® »ý¼ºÇصР½ºÅ¸ÀÏ Å¬·¡½º·Î ¹Ù²î´Â ¿ø¸®ÀÔ´Ï´Ù.




HTML

<input type="text" class="inputbox" style="width:200px;" />
<textarea rows="10" cols="85" class="textbox" style="width:500px; height:200px;" ></textarea>




jQuery

$(function() {

    // input Å׵θ®
    $('input.inputbox').focus(function() {
        $(this).addClass('focusbox');
    }).blur(function() {
        $(this).removeClass('focusbox');
    });

    // textarea Å׵θ®
    $('textarea.textbox').focus(function() {
        $(this).addClass('focustextbox');
    }).blur(function() {
        $(this).removeClass('focustextbox');
    });


});





CSS

.inputbox,.focusbox {float:left; margin:0; height:auto; font-size:12px; color:#666;}.inputbox {padding:4px 1px 3px 5px; border-top:1px solid #b5b5b5; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #b5b5b5;}.focusbox {padding:3px 0 2px 4px; border:2px solid #23adb2;}.textbox,.focustextbox {margin:0; width:539px; height:100px;}.textbox {padding:4px 1px 3px 5px; border-top:1px solid #b5b5b5; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #b5b5b5;}.focustextbox {padding:3px 0 2px 4px; border:2px solid #23adb2;}

ÃßõÃßõ : 651 Ãßõ ¸ñ·Ï
¹øÈ£ Á¦¸ñ
2,881
 sessionStorage.getItem ¿Í sessionStorage.setItem
2,880
 Á¦ÀÌÄõ¸® ·£´ýÀ¸·Î ¹è°æ»ö º¯°æ
2,879
 preg match¿¡ °üÇÑ Á¤±Ô½Ä
2,878
 Stream an audio file with MediaPlayer ¿Àµð¿À ÆÄÀÏ ½ºÆ®¸®¹Ö Çϱâ
2,877
 Audio Streaming PHP Code
2,876
 PHP $ SERVER ȯ°æ º¯¼ö Á¤¸®
2,875
 Vimeo (ºñ¸Þ¿À) API ¸¦ »ç¿ëÇÏ¿© Ç÷¹À̾î ÄÁÆ®·ÑÇϱâ
2,874
 iframe »ç¿ë½Ã ÇÏ´Ü¿¡ ¹ß»ýÇÏ´Â °ø¹é Á¦°Å¹æ¹ý
2,873
 ¾ÆÀÌÇÁ·¹ÀÓ(iframe) Àüüȭ¸é °¡´ÉÇÏ°Ô Çϱâ
2,872
 ºÎÆ®½ºÆ®·¦(bootstrapk)¿¡¼­ »ç¿ëÇÏ´Â class¸í Á¤¸®
2,871
 ºÎÆ®½ºÆ®·¦ CSS
2,870
 Å©·Ò¿¡¼­ ¸¶Áø Á¶Àý
2,869
 PHP ÇöÀç ÆäÀÌÁöÀÇ µµ¸ÞÀθíÀ̳ª urlµîÀÇ Á¤º¸ ¾Ë¾Æ¿À±â
2,868
 PHP preg match all()
2,867
 PHP ·Î À¥ÆäÀÌÁö ±Ü¾î¿À±â ¸ðµç ¹æ¹ý ÃÑÁ¤¸®!
2,866
 [PHP] ¿ø°ÝÁö ÆÄÀÏ ÁÖ¼Ò ³ëÃâ ¾ÈÇϰí curl·Î ´Ù¿î·Îµå ¹Þ±â
2,865
 PHP ÇÔ¼ö Á¤¸®
2,864
 ¾ÆÀÌÇÁ·¹ÀÓ(iframe) ºñÀ² À¯ÁöÇϸ鼭 Å©±â Á¶ÀýÇÏ´Â ¹æ¹ý
2,863
 PHP ¹è¿­¿¡¼­ ¹«ÀÛÀ§·Î Çϳª »Ì¾ÆÁÖ´Â array rand() ÇÔ¼ö
2,862
 PHP Á¤±Ô½Ä Á¤¸®
2,861
 PHP Á¤±Ô½ÄÀ» Ȱ¿ëÇÑ ÅÂ±× ¹× ƯÁ¤ ¹®ÀÚ¿­ Á¦°Å ¹× ÃßÃâ ¹æ¹ý
2,860
 php Å©·Ñ¸µ ¶Ç´Â ÆÄ½Ì ÇÔ¼ö, Á¤±Ô½Ä ¸ðÀ½
2,859
 Á¦ÀÌÄõ¸® ±âº» ¸í·É¾î
2,858
 À¥ÆäÀÌÁö °¡·Î ¸ðµå¼¼·Î ¸ðµå ÀνÄÇϱâ
2,857
 ¸ð¹ÙÀÏ À¥ È­¸é °­Á¦ ȸÀü(°¡·Î¸ðµå °íÁ¤)
2,856
 [HTML5]¿¡¼­ frameset ´ëü ¹æ¹ý°ú iframe ¼Ó¼º
2,855
 HTML <Audio> »ç¿ë¹ý
2,854
 À©µµ¿ì10 ½Ã½ºÅÛÆÄÀÏ ¼Õ»ó (Ãʰ£´Ü ¿À·ù º¹±¸¹æ¹ý!!)
2,853
 PHP ÆÄÀÏ Á¸Àç ¿©ºÎ ÆÄ¾ÇÇϱâ(·ÎÄà ÆÄÀÏ Á¸Àç ¹× ¿ø°ÝÁö ÆÄÀÏ Á¸Àç)
2,852
 [CSS] ¹Ú½º ¼¼·Î °¡¿îµ¥ Áß¾Ó Á¤·Ä 6°¡Áö
¸ñ·Ï
¹ÂÁ÷Æ®·ÎÆ® ºÎ»ê±¤¿ª½Ã ºÎ»êÁø±¸ °¡¾ßµ¿ ¤Ó °³ÀÎÁ¤º¸Ãë±Þ¹æÄ§
Copyright (C) musictrot All rights reserved.