�@�e�L�X�g�G���A�Ƀf�[�^����͂��Ă���Ƃ��A�\���̈�̍����ȏ�̃f�[�^����͂���ƃX�N���[���o�[���\������܂��B���̏ꍇ�A���̓f�[�^���m�F����Ƃ��A�X�N���[���o�[���h���b�O���Ȃ���f�[�^���X�N���[������K�v�����邽�ߎg�����肪���܂�ǂ��Ȃ��Ƃ�������肪����܂��B
�@�g����������P����ɂ́AjQuery���uautoResize�v�v���O�C�����g�p���܂��B�e�L�X�g�G���A��autoResize�v���O�C����K�p����ƁA�ŏI�s�̃f�[�^����͂��ă��^�[���L�[�������ƃe�L�X�g�G���A�̍����������I�Ɋg������܂��B�v���O�C���̍ŐV�ł́A���L�T�C�g����_�E�����[�h�ł��܂��B
�@���D�݂̊J���c�[���܂��̓G�f�B�^���N�����āA�V�K�t�@�C�����쐬������A<head>�v�f��<link>�v�f��<script>�v�f��lj����āACSS��jQuery�̃��C�u������g�ݍ��݂܂��B
<head> <link href="style.css" rel="stylesheet" type="text/css" />�c�c�y1�z <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>�c�c�y2�z <script src="jquery.watermarkinput.js" type="text/javascript"></script>�c�c�y3�z </head>
�@<body>�v�f��<textarea#resize-demo>�v�f��lj�������Astyle������lj�����width��height�v���p�e�B�Ƀe�L�X�g�G���A�̕��ƍ�����ݒ肵�܂��B
<textarea id="resize-demo" style="width: 400px; height: 50px;"> �����Ƀe�L�X�g����͂��Ă��������B �ŏI�s����͂���ƍ����������I�Ɋg�����܂��I </textarea>
�@<head>�v�f��<script>�v�f��lj�������A���̂悤�ȃR�[�h��lj�����autoResize�v���O�C����g�ݍ��ނƊ����ł��i���s�T���v����\���j�B
$('textarea#resize-demo').autoResize();
�@�����ł́AjQuery�̃Z���N�^��<textarea>�v�f����������autoResize()���\�b�h�����s���Ă��܂��B����ŁA�e�L�X�g�G���A�ɓ��͂����f�[�^�ʂ�50px�̍��������玩���I�ɍ������g������܂��B
�@�e�L�X�g�G���A�ɓ��͂���f�[�^�𐧖�ɂ́AjQuery���umaxlength�v�v���O�C�����g�p���܂��B
�@���D�݂̊J���c�[���܂��̓G�f�B�^���N�����āA�V�K�t�@�C�����쐬������A<head>�v�f��<link>�v�f��<script>�v�f��lj����āACSS��jQuery�̃��C�u������g�ݍ��݂܂��B
<head> <link href="style.css" rel="stylesheet" type="text/css" />�c�c�y1�z <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>�c�c�y2�z <script src="jquery.maxlength.js" type="text/javascript"></script>�c�c�y3�z </head>
�@maxlength�v���O�C���̍ŐV�ł́A���L�T�C�g����_�E�����[�h�ł��܂��B
�@���͕�����10�����ȓ��ɐ������Ƃ��́A<textarea>�v�f��maxlength������lj����āu10�v��ݒ肵�܂��B
<p>�c�蕶����: <span class="charsLeft">10</span></p> <textarea maxlength="10" rows="3" cols="20" class="limited"></textarea>
�@<head>�v�f��<script>�v�f��lj�������A���̂悤�ȃR�[�h��lj�����maxlength�v���O�C����g�ݍ��ނƊ����ł��B
<script type="text/javascript"> $(function() { $('textarea.limited').maxlength({ 'feedback': '.charsLeft' }); }); </script>
�@�����ł́AjQuery�̃Z���N�^��<textarea>�v�f����������maxlength()���\�b�h�����s���܂��B���̃��\�b�h�̈�����feedback�I�v�V������lj�����ƁA�c��̕�������\���ł��܂��Bfeedback�I�v�V�����ɂ́A�c��̕�������\������v�f�̃Z���N�^���w�肵�܂��B
�@���y�[�W�ł́A�t�H�[�����g���₷������v���O�C���Ƃ��āAAdvisor��Validation�̎g������������܂��B
Copyright © ITmedia, Inc. All Rights Reserved.