최고의 재단 양식 튜토리얼 2024년, 이 튜토리얼에서는 상표,FIELDSET,오류 상태,를 배울 수 있습니다.
재단 양식
재단 양식 컨트롤이 자동으로 전역 스타일로 설정됩니다 :
모든 <textarea>
, <select>
및 <input>
요소의 폭은 100 %이며, 마진, 패딩, 그림자 마시는 마우스 움직임 효과.
예
<양식>
입력 :
<입력 유형 = "텍스트"자리 = "이름">
텍스트 영역 :
<텍스트 영역의 행 = "4"자리 = "주소"> </ 텍스트 영역>
선택 :
<선택>
<옵션> 1 </ 옵션>
<옵션> 2 </ 옵션>
<옵션> 3 </ 옵션>
<옵션> 4 </ 옵션>
</ 선택>
</ FORM>
»시도
상표
사용 형태 <label>
라벨을 설정하는 요소를, 라벨 및 속성 ID 특성을 첨가 할 수있다. 입력 필드 또는 탭을 클릭하면 포커스가 사용자의 입력 상자를 얻을 :
예
<양식>
<= "이름"에 대한 라벨> 입력
<입력 유형 = "텍스트"자리 = "이름"ID = "이름">
</ 라벨>
<용 라벨 = "ADR"> 레이블
<텍스트 영역의 행 = "4"자리 = "주소"ID = "ADR"> </ 텍스트 영역>
</ 라벨>
<= "NUM"에 대한 라벨> 선택
<ID = "NUM"를 선택>
<옵션> 1 </ 옵션>
<옵션> 2 </ 옵션>
<옵션> 3 </ 옵션>
<옵션> 4 </ 옵션>
</ 선택>
</ 라벨>
</ FORM>
»시도 오른쪽 정렬 탭을 설정해야하는 경우 사용할 수 있습니다 .right
카테고리 :
예
<Label 클래스 = "오른쪽">
»시도
FIELDSET
재단 렌더링 <fieldset>
스타일의 요소를 다음과 같이
예
<양식>
<FIELDSET>
<전설> FIELDSET 전설 </ 전설 >
<레이블> 이름
<입력 유형 = "텍스트"자리 = "이름 ko">
</ 라벨>
<레이블> 이메일
<입력 유형 = "텍스트"자리 = "이메일을 입력 ko">
</ 라벨>
</ FIELDSET>
</ FORM>
»시도
오류 상태
사용 .error
잘못된 라벨, 입력 상자, 텍스트 상자 스타일을 설정하는 클래스를 :
예
<양식>
<Label 클래스 = "오류"> 오류
<입력 유형 = "텍스트"자리 = "이름 ko">
</ 라벨>
<작은 클래스 = "오류"> 잘못 입력 </ 작은>
<텍스트 영역의 행 = "4"자리 = "주소"> </ 텍스트 영역>
<작은 클래스 = "오류"> 잘못 입력 </ 작은>
</ FORM>
»시도 | 사용자는 사용자 입력 에러의 상태를 갱신 스크립트를 사용할 필요가있다. |
---|