>  기사  >  웹 프론트엔드  >  jQuery 양식 미화 플러그인 jqTransform_jquery 사용에 대한 자세한 설명

jQuery 양식 미화 플러그인 jqTransform_jquery 사용에 대한 자세한 설명

WBOY
WBOY원래의
2016-05-16 16:04:39997검색

jQuery 양식 미화 플러그인 jqTransform은 SELECT 드롭다운 상자, 텍스트 상자, 라디오 선택, 체크 상자, 버튼 등을 포함하여 전체 양식을 자동으로 미화하는 매우 실용적인 jQuery 플러그인입니다. 물론 입력 파일도 마찬가지입니다. 선택 상자는 지원되지 않습니다. 이는 이전 입력 파일 선택 상자 미화 튜토리얼을 참조하여 수정할 수 있습니다. 브라우저 호환성 측면에서는 IE 6, Safari 2, Firefox 2와 호환됩니다. 플러그인은 여전히 ​​매우 좋습니다. 사용하기 쉽습니다.

사용법:

1. jQuery 및 플러그인 로드

<script type="text/javascript" src="js/jquery.js"></script> 
<script type="text/javascript" src="js/jquery.jqtransform.min.js"></script> 

2.HTML 콘텐츠

<form class="jqtransform"> 
<div class="rowElem"> 
<label for="name">Name:</label> 
<input type="text" name="name"/> 
</div> 
<div class="rowElem"><input type="submit" value="send"/></div> 
</form> 

3. 함수 호출

<script type="text/javascript"> 
$(function() { 
    $("form.jqtransform").jqTransform(); 
}); 
</script>

플러그인 다운로드

위 내용은 이 글의 전체 내용입니다. 모두 마음에 드셨으면 좋겠습니다.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.