> 웹 프론트엔드 > JS 튜토리얼 > JavaScript 캐리지 리턴은 탭 전환 function_javascript 기술을 완벽하게 구현합니다.

JavaScript 캐리지 리턴은 탭 전환 function_javascript 기술을 완벽하게 구현합니다.

WBOY
풀어 주다: 2016-05-16 16:55:47
원래의
1078명이 탐색했습니다.

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

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

필수 조건

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 도움말 문서를 확인하면 됩니다. 선택하려는 요소를 찾을 수 있다면 어떤 방법을 사용하든 상관없습니다.

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

    인기 튜토리얼
    더>
    최신 다운로드
    더>
    웹 효과
    웹사이트 소스 코드
    웹사이트 자료
    프론트엔드 템플릿