부트스트랩 form 예제

가장 일반적인 양식 텍스트 필드는 입력 필드입니다. 여기서 사용자는 대부분의 필수 양식 데이터를 입력합니다. 부트 스트랩은 모든 기본 HTML5 입력 유형에 대 한 지원을 제공 합니다.: 텍스트, 암호, 날짜 시간, 날짜-로컬, 날짜, 월, 시간, 주, 번호, 이메일, URL, 검색, 전화, 그리고 색상. 입력의 스타일을 완전히 조정하려면 적절한 형식 선언이 필요합니다. 부트스트랩 양식은 사용자의 데이터를 수집하도록 설계된 입력 기반 구성 요소입니다. 로그인, 구독 또는 연락처 양식으로 사용, 그들 모두는 쉽게 사용자 정의 할 수 있습니다. 팁: 양식의 모양을 프로그래밍 방식으로 재설정하려면 제출 후 요소에서 .was-validated 클래스를 제거합니다. 이 클래스는 제출 단추를 클릭하면 부트스트랩에 의해 양식에 자동으로 적용됩니다. 사용자 지정 양식을 만들려면 아래 목록에서 설명서의 일부 특정 페이지를 살펴보거나 양식 작성기 사용: 또한

관련 양식 컨트롤을 제어합니다. 예제를 살펴보겠습니다: 다음 섹션에서는 이러한 모든 양식 레이아웃과 다양한 양식 관련 부트스트랩 구성 요소에 대한 자세한 개요를 하나씩 제공합니다. 그럼 시작하자. 부트스트랩 양식 컨트롤에는 입력과 함께 흐르는 블록 수준 도움말 텍스트가 있을 수 있습니다. 콘텐츠의 전체 너비 블록을 추가하려면 후 .help-block을 사용합니다. 다음 예는 이것을 보여줍니다 – – 문맥 검증 텍스트, 표준 양식 필드 지침 텍스트 메시지 뿐만 아니라, 아마도 .form-control-feedback의 활용과 함께 통합 될 수있다. 이 메시지는 부모 .has-* 클래스에 맞게 조정됩니다. 기본적으로 는 실제로 간격에 대한 약간의 여백과 각 상태에 대한 변경 된 색상을 특징으로합니다. 확인란이나 라디오 단추를 한 줄씩 세로로 쌓아 놓기 만하면 양식 그룹의 모든 컨트롤을 래핑하고 각

또한 다음 예제와 같이 여백 유틸리티 클래스를 적절한 간격으로 사용합니다. 따라서