JavaScript 캐리지 리턴은 탭 전환 function_javascript 기술을 완벽하게 구현합니다.-JS 튜토리얼-php.cn

제가 최근에 진행한 프로젝트 중 하나가 화학공장인데, 그 과정에서 많은 양의 데이터를 입력해야 했습니다. 예전에는 엑셀을 통해 데이터를 입력했습니다. 엑셀처럼 캐리지리턴과 라인피드 기능을 구현해야 하는데, 이에 대한 질문을 인터넷에서 찾아봤는데, 사용법에 대한 아이디어도 알려주시는 분들이 계십니다.

정렬 및 테스트 후 이 문제를 매우 잘 해결할 수 있습니다.

필수 조건

1 Jquery 라이브러리 주소는 jquery.com 공식으로 이동할 수 있습니다.

2. 인터페이스 양식 보기

다음은 일부 양식 구조입니다

코드 복사 코드는 다음과 같습니다.

로그인 양식

사용자 이름

runat="server" AssociatedControlID="UserName">사용자 이름

< "server" ControlToValidate="UserName" CssClass="field-validation-error" ErrorMessage="사용자 이름 필드는 필수 필드입니다." 사용자 이름
asp:RequiredFieldValidator runat="server" ControlToValidate="UserName" CssClass="field-validation-error" ErrorMessage="사용자 이름 필드는 필수 필드입니다. " />

사용자 이름
< ;asp:TextBox runat="서버" ID="TextBox3" />

사용자 이름
< ;asp:TextBox runat="서버" ID="TextBox4" />

사용자 이름
< ;asp:TextBox runat="server" ID="TextBox5" />

사용자 이름
< ;asp:TextBox runat="server" ID="TextBox6" />

사용자 이름
< ;asp:TextBox runat="server" ID="TextBox7" />

사용자 이름
< ;asp:TextBox runat="서버" ID="TextBox8" />

비밀번호
< ;asp:TextBox runat="서버" ID="비밀번호" TextMode="비밀번호" />

나를 기억하시나요?

="서버" CommandName="로그인" Text="로그인" />

양식에 배치해야 하는 컨텍스트 태그 관계에 주의하세요
http://images.cnitblog.com/i/461877/201403/131104380377939.jpg
페이지를 생성한 후에는 상관 없습니다. 구두점 요소가 있지만 구조가 변경되지 않은 레이블 요소 뒤에는 양식 요소로 전환하고 type="text"

그런 다음 Jquery의 선택기 수준 선택기를 사용하여 다음 위치로 이동합니다. 잘 알지 못하더라도 jquery 도움말 문서를 확인하면 됩니다. 선택하려는 요소를 찾을 수 있다면 어떤 방법을 사용하든 상관없습니다.

핵심 스크립트 코드는 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.