jQuery 기반 입력 상자 의 값 없 이 지정 한 데이터 의 구현 코드 를 자동 으로 표시 합 니 다.
<input type="text" name="searchText" title=" " />
(2)CSS 코드
input.helpText { color: #aaa;}
(3)전환 방법
function switchText()
{
if ($(this).val() == $(this).attr('title'))
$(this).val('').removeClass('helpText');
else if ($.trim($(this).val()) == '')
$(this).addClass('helpText').val($(this).attr('title'));
}
(4)구체 적 실현
$('input[type=text][title!=""]').each(function() {
if ($.trim($(this).val()) == '') $(this).val($(this).attr('title'));
if ($(this).val() == $(this).attr('title')) $(this).addClass('helpText');
}).focus(switchText).blur(switchText);
$('form').submit(function() {
$(this).find('input[type=text][title!=""]').each(function() {
if ($(this).val() == $(this).attr('title')) $(this).val('');
});
});
2.참고 문장http://webservices.blog.gustavus.edu/2008/06/23/text-input-example-text-with-jquery/if ($ != jQuery) {
$ = jQuery.noConflict();
}
var isLogined = false;
var cb_blogId = 77920;
var cb_entryId = 1941349;
var cb_blogApp = "xhzi";
var cb_blogUserGuid = "669048cb-f4e2-df11-ac81-842b2b196315";
var cb_entryCreatedDate = '2011/1/21 16:22:00';
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
jQuery 기반 입력 상자 의 값 없 이 지정 한 데이터 의 구현 코드 를 자동 으로 표시 합 니 다.【해결 방안】1.준비 작업(1)입력 상자 (2)CSS 코드 (3)전환 방법 (4)구체 적 실현 2.참고 문장 if ($ != jQuery) { $ = jQuery.noConflict(); var isLogined =...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.