사례 연구 PHP 웹 양식 작성기

이 문서에서는 PHP Web Form Builder에 대한 예제를 설명합니다. 다음과 같이 참고할 수 있도록 모든 사람과 공유하세요.

초보부터 마스터까지의 PHP 프로그래밍

2. 실제 개발에서 프로젝트에서는 다양한 형태를 디자인해야 하는 경우가 많습니다. HTML 양식을 직접 작성하는 것은 간단하지만 수정 및 유지 관리가 상대적으로 번거롭습니다.

다차원 배열을 사용하여 양식의 관련 정보 저장
지원되는 양식 항목에는 5가지 유형의 텍스트 상자, 텍스트 필드, 라디오 상자, 확인란 및 드롭다운 목록이 포함됩니다.

각 양식 항목 표시, 프롬프트 텍스트, 속성, 옵션 값, 기본값 등을 저장합니다.
• 함수를 함수로 캡슐화하고 전달된 매개변수를 기반으로 지정된 양식을 생성합니다.
• 데이터의 저장 형식에 따라 프로그램이 구현되는 방식.
• 따라서 위의 개발 요구 사항에 따라 각 양식 항목은 배열 요소로 사용될 수 있으며 각 요소는 태그, 프롬프트 텍스트, 속성 배열 속성, 옵션 배열 옵션 및 기본값인 연관 배열로 설명됩니다. .

3. 사례 구현

1. 양식 준비

양식의 주요 기능: 웹페이지에 정보를 입력하고, 사용자가 입력한 정보를 수집하여 제출하는 영역입니다. 사용자-서버 상호 작용을 실현하기 위한 처리를 위해 백엔드 서버에 전달됩니다.

2. 양식 준비 - 양식 만들기
완전한 양식은 양식 필드와 양식 컨트롤로 구성됩니다. 그 중 양식 필드는 양식 태그로 정의되며 사용자 정보를 수집하고 전달하는 데 사용됩니다.

로그인 후 복사

"

GET 메소드로 전달된 양식은 URL 주소 표시줄에 표시됩니다.GET 메소드와 비교하여 POST 메소드로 제출된 데이터는 상호작용 중에 눈에 띄지 않으며 상대적으로 안전합니다. 따라서 POST는 일반적으로 양식 데이터를 제출하는 데 사용됩니다.

enctype 속성의 기본값은 application/x-www-form-urlencoded입니다. 이는 양식 데이터를 보내기 전에 모든 문자가 인코딩된다는 의미입니다. 또한 문자 인코딩이 수행되지 않음을 나타내기 위해 multipart/form-data(POST 모드)로 설정할 수도 있습니다. 특히 파일 업로드가 포함된 양식은 일반 텍스트를 전송하기 위해 text/plain(POST 모드)으로 설정된 이 값을 사용해야 합니다. .
• 
  
  3. 양식 준비—양식 컨트롤

//input控件            

로그인 후 복사
다른 양식 컨트롤을 얻으려면 type 속성에 다른 값을 설정하세요.

name 속성은 컨트롤의 이름을 지정하여 여러 개의 동일한 컨트롤을 구분하는 데 사용됩니다. form

value 속성은 양식 컨트롤의 기본값을 설정하는 데 사용됩니다.

//input控件   男  女   游泳  读书  跑步

로그인 후 복사
checked 속성은 기본 선택 항목을 설정하는 데 사용됩니다.

//textarea控件  <!-- 文本内容 --> 

로그인 후 복사

textarea 컨트롤은 자체 평가, 댓글 및 기타 용도에 적합합니다. 많은 양의 정보 입력이 필요할 수 있는 함수
속성 열과 행은 텍스트 필드의 높이와 너비를 정의하는 데 사용됩니다

//select控件  --请选择-- 北京 深圳 上海 

로그인 후 복사
select는 드롭다운 목록을 정의하는 태그입니다
옵션은 드롭다운 목록의 특정 옵션을 정의하는 태그

selected 속성은 기본 선택 항목을 설정하는 데 사용됩니다
• 4. 준비 양식 – 라벨 표시
양식 컨트롤 작성 시 더 나은 사용자 경험을 제공하기 위해 , 입력 컨트롤은 컨트롤 선택을 확장하기 위해 레이블 표시와 함께 사용되는 경우가 많습니다.

레이블 표시를 사용하여 라디오 버튼과 프롬프트 텍스트를 래핑하면 레이블 표시의 내용을 클릭하면 해당 양식 컨트롤이 선택됩니다.

男 女

// 利用多维数组保存表单元素 [ 0 => [], // 表单项---单选按钮 1 => [], // 表单项 2 => [], // 表单项---文本框 3 => [], // 表单项 …… ];

로그인 후 복사

// 每个表单项的数组结构 0 => [ 'tag' => '', // 标记----input、textarea、select 'text' => '', // 提示文本----label标签内显示的内容 'attr' => [], // 属性数组----表单元素的属性，如type 'option' => [], // 选项数组----单选框或复选框中的每个选项 'default' => '' // 默认值----默认值 ],

로그인 후 복사

//准备表单数组 // $elements数组保存整个表单 $elements = [ 0 => [], // 第1个表单项数组 1 => [], // 第2个表单项数组 ];

로그인 후 복사

//文本框 0 => [ 'tag' => 'input', 'text' => '姓　　名：', 'attr' => ['type' => 'text', 'name' => 'user'] ],

로그인 후 복사

//单选框 3 => [ 'tag' => 'input', 'text' => '性　　别：', 'attr' => ['type' => 'radio', 'name' => 'gender'], 'option' => ['m' => '男', 'w' => '女'], 'default' => 'm' ],

로그인 후 복사

option은 연관 배열을 사용하여 특정 라디오 옵션을 저장합니다. 키 이름 m과 w는 라디오 버튼의 값 속성이고 해당 값인 "male" 및 "female"은 프롬프트 정보입니다. 라디오 옵션기본값 옵션 관련 배열의 키 이름으로, 기본적으로 어떤 항목이 선택되어 있는지를 나타냅니다

//复选框 4 => [ 'tag' => 'input', 'text' => '爱　　好：', 'attr' => ['type' => 'checkbox', 'name' => 'hobby[]'], 'option' => ['swimming' => '游泳', 'reading' => '读书', 'running' => '跑步'], 'default' => ['swimming', 'reading'] ],

//下拉列表 5 => [ 'tag' => 'select', 'text' => '住　　址：', 'attr' => ['name' => 'area'], 'option' => ['' => '--请选择--', 'BJ'=>'北京', 'SH'=>'上海', 'SZ'=>'深圳'] ],

//文本域 6 => [ 'tag' => 'textarea', 'text' => '自我介绍：', 'attr' => ['name' => 'introduce', 'cols' => 50, 'rows' => 5] ],

//提交按钮 7 => [ 'tag' => 'input', 'attr' => ['type' => 'submit', 'value' => '提交'] ]

양식 자동 생성
1. 양식 자동 생성 - $elements 배열 읽기

구현 아이디어

• 사용자가 제출한 데이터의 처리를 용이하게 하기 위해 $elements의 각 양식 항목은 지정된 배열과 병합되어 각 양식 항목에는 태그, 텍스트, 속성, 옵션 및 기본값의 키가 있는 5개의 요소가 순서대로 포함됩니다. 같은.
• 태그 값에 따라 "generate_" 접두사가 붙은 함수를 호출하여 양식 항목을 접합합니다.
• 각 양식 항목은 한 줄을 차지하고 접합된 양식을 반환합니다.

2 양식 자동 생성 - 양식 요소 접합. 속성

구현 아이디어

• generate_attr($attr, $items = '') 함수를 정의하여 양식 요소 속성의 접합을 완료합니다.
• $attr 배열에 있는 요소의 키는 속성 이름이며, 요소의 값은 속성의 값입니다.
• 값은 속성과 $items의 접합을 거쳐 완성되며, type = "radio" name = "gender"

3과 같이 반환됩니다. 양식 자동 생성 - 접합 입력. elements

구현 아이디어

• 옵션 요소 포함 여부에 따라 단일 선택인지 다중 선택인지 판단합니다. 그렇지 않은 경우에는 속성 함수를 직접 호출하여 양식 항목의 접합을 완료합니다. 순회 및 반환을 통해 여러 옵션의 연속 결합을 완료합니다.
• 
  4. 양식 자동 생성 - 선택 요소 결합

드롭다운 목록 옵션 결합

• 5. 양식 자동 생성 - 텍스트 영역 요소 접합

텍스트 영역 요소 속성 접합

위 내용은 사례 연구 PHP 웹 양식 작성기의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!