Latest web development tutorials

재단 양식

재단 양식 컨트롤이 자동으로 전역 스타일로 설정됩니다 :

모든 <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 전설 </ 전설 >
<레이블> 이름
<입력 유형 = "텍스트"자리 = "이름 ..">
</ 라벨>
<레이블> 이메일
<입력 유형 = "텍스트"자리 = "이메일을 입력 ..">
</ 라벨>
</ FIELDSET>
</ FORM>

»시도

오류 상태

사용 .error 잘못된 라벨, 입력 상자, 텍스트 상자 스타일을 설정하는 클래스를 :

<양식>
<Label 클래스 = "오류"> 오류
<입력 유형 = "텍스트"자리 = "이름 ..">
</ 라벨>
<작은 클래스 = "오류"> 잘못 입력 </ 작은>

<텍스트 영역의 행 = "4"자리 = "주소"> </ 텍스트 영역>
<작은 클래스 = "오류"> 잘못 입력 </ 작은>
</ FORM>

»시도
주의 사용자는 사용자 입력 에러의 상태를 갱신 스크립트를 사용할 필요가있다.