부트 스트랩 양식을 수행하는 방법

요소를 사용하여 양식을 만듭니다. 텍스트 입력 상자, 암호 입력 상자 및

요소 내의 드롭 다운 목록과 같은 양식 요소를 추가하십시오. .form-control 및 .form-group과 같은 사전 정의 된 스타일 클래스를 사용하여 양식을 스타일링하십시오. 제출 버튼을 사용하여 양식을 제출하십시오 (). PHP 코드를 사용하여 제출 된 양식 데이터를 처리하십시오.

부트 스트랩에서 양식을 만드는 방법

양식을 만듭니다

부트 스트랩에서 양식을 만들려면 <form></form> 요소를 사용해야합니다. 기본 양식을 만드는 방법은 다음과 같습니다.

 <code class="html"><form> ...您的表单元素... </form></code>

양식 요소를 추가하십시오

<form></form> 요소 내에서 다음과 같은 다양한 양식 요소를 추가 할 수 있습니다.

• 텍스트 입력 상자 ( <input type="text"> )
• 비밀번호 입력 상자 ( <input type="password"> )
• 드롭 다운 목록 ( <select></select> )
• checkbox ( <input type="checkbox"> )
• 라디오 버튼 ( <input type="radio"> )

양식 스타일을 설정하십시오

Bootstrap은 예를 들어 스타일 양식에 미리 정의 된 스타일 클래스를 제공합니다.

• .form-control : 기본 스타일을 적용하여 요소를 형성합니다.
• .form-group : 그룹 형태 요소는 행으로.
• .has-error , .has-success : 오류 또는 성공 상태를 표시합니다.

다음은 스타일 클래스를 사용하여 간단한 텍스트 입력 상자를 만드는 방법입니다.

 <code class="html"><div class="form-group"> <label for="username">用户名：</label> <input class="form-control" type="text" id="username" name="username"> </div></code>

양식을 제출하십시오

사용자가 양식을 작성하면 제출 버튼을 사용하여 양식을 제출해야합니다. 제출 버튼을 추가하는 방법은 다음과 같습니다.

 <code class="html"><button type="submit" class="btn btn-primary">提交</button></code>

프로세스 양식 데이터

사용자가 양식을 제출하면 양식 데이터를 처리해야합니다. 다음 PHP 코드를 사용하여 제출 된 양식 데이터를 처리 할 수 ​​있습니다.

 <code class="php"><?php if (isset($_POST[&#39;submit&#39;])) { $username = $_POST[&#39;username&#39;]; // 在这里处理表单数据} ?></code>

이 단계를 수행하면 부트 스트랩에서 쉽게 형태를 만들고 스타일을 만들 수 있습니다.

위 내용은 부트 스트랩 양식을 수행하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!