Mip에서 양식 구성 요소를 사용하는 방법

이 글에서는 MIP에서 폼 컴포넌트를 사용하는 방법을 주로 소개합니다.

Mip은 모바일 웹 가속기입니다. 이전 기사에서는 Carousel 컴포넌트, 인라인 프레임 컴포넌트, Collapse 메뉴 컴포넌트, 앱 프로모션 등 MIP에서 일반적으로 사용되는 여러 컴포넌트를 소개했습니다. 등.

추천 참조 매뉴얼: "MIP 문서 매뉴얼"

이 섹션에서는 계속해서 form 컴포넌트의 사용을 소개합니다.

Form 컴포넌트(mip-form form, form submit) 기본 코드 예시는 다음과 같습니다.

<mip-form method="get" url="http://www.php.cn?we=123">
    <input type="text" name="username" validatetarget="username" validatetype="must" placeholder="姓名">
    <div target="username">姓名不能为空</div>
    <input type="number" name="age" validatetarget="age" validatetype="must" placeholder="年龄">
    <div target="age">年龄不能为空</div>
    <input type="submit" value="提交">
</mip-form>

mip 파일 본문에 다음 스크립트를 도입해야 합니다.

<script src="https://c.mipcdn.com/static/v1/mip-form/mip-form.js"> </script>

브라우저를 통해 액세스하면 효과는 다음과 같습니다.

빈 상태에서 제출을 클릭하면 위 그림의 프롬프트가 나타납니다.

그 중에서 몇 가지 중요한 속성이 소개됩니다.

method: 양식 제출 방법을 나타냅니다. 양식 제출 방법이 게시인 경우 HTTPS 주소를 사용해야 합니다.

url: HTTP(S) 또는 //

validatetarget로 시작하는 주소여야 합니다. 확인 프롬프트에 해당하는 태그를 나타내며, 오류에 해당할 때 프롬프트 표시 요소를 검색하는 데 사용됩니다.

validatetype: 단순 인증을 지원하는 데 사용되는 인증 유형을 나타냅니다. 현재 이메일, 전화, idcar, 커스텀이 제공됩니다. 맞춤인 경우에는 verifyreg를 입력해야 합니다
필수 옵션: 아니요

validatereg: 맞춤 확인을 나타내며 웹마스터의 맞춤 확인 규칙을 보완합니다. 유효성 검사 유형이 사용자 정의인 경우 해당 유효성 검사 규칙을 입력해야 합니다.

clear:

fetch-url 형식의 지우기 버튼 스위치를 나타냅니다. 이 속성을 사용하면 비동기식을 활성화할 수 있습니다. 데이터 논리를 요청하며 구성 요소는 제출-성공 및 제출 오류 블록의 템플릿에 따라 로컬 정보를 새로 고치는 상태를 반환하는 데이터를 기반으로 합니다.

이 기사는 MIP의 기본 양식 구성 요소에 대한 소개입니다. 간단하고 배우기 쉽습니다. 도움이 필요한 친구들에게 도움이 되길 바랍니다.

위 내용은 Mip에서 양식 구성 요소를 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!