jQuery 폼 에 대한 조작 코드 집합

텍스트 상자 의 초점 을 맞 추 는 스타일 을 바 꿉 니 다

 
<form action="#" method="POST" id="regForm"> 
<fieldset> 
<legend>      </legend> 
<div> 
<label for="username">  ：</label> 
<input id="username" type="text"> 
</div> 
</fieldset> 
</form>

먼저 css 에 focus 라 는 스타일 을 추가 합 니 다.css 코드 는 다음 과 같다.2.'축소'단 추 를 누 르 면 댓 글 상자 의 높이 가 50px 보다 크 면 기 존의 높이 에서 50px 를 감소 합 니 다

 
.focus { 
border: 1px solid #f00; 
background: #fcc; 
}

스크롤 바 높이 의 변 화 는 여러 줄 의 텍스트 상자 스크롤 바 의 변 화 를 제어 합 니 다

 
$(function(){ 
$(":input").focus(function(){ 
$(this).addClass("focus"); 
}).blur(function(){ 
$(this).removeClass("focus"); 
}); 
});

체크 상자 의 응용 기본 응용:체크 상자 에 대해 전체 선택,반 선택,모두 선택 하지 않 습 니 다

 
<form> 
<div class="msg"> 
<div class="msg_caption"> 
<span class="bigger">  </span> 
<span class="smaller">  </span> 
</div> 
<div> 
<textarea id="comment" rows="8" cols="20">         </textarea> 
</div> 
</div> 
</form>

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

jquery 폼 조작 2

checkbox 의 직렬 연결 효과 id 가"CheckedAll"인 체크 상 자 를 누 르 면 체크 상자 그룹 이 선 택 됩 니 다.체크 상자 그룹 에서 선택 상 태 를 취소 할 때 id 가"CheckedAll"인 ...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

jQuery 폼 에 대한 조작 코드 집합

좋은 웹페이지 즐겨찾기