> 백엔드 개발 > PHP 튜토리얼 > PHP 양식 요소 소개: 입력 필드 태그

PHP 양식 요소 소개: 입력 필드 태그

伊谢尔伦
풀어 주다: 2023-03-07 13:54:02
원래의
3803명이 탐색했습니다.

양식

은 양식 요소로 구성됩니다. 일반적으로 사용되는 양식 요소에는 입력 필드 태그 , 선택 필드 태그

이 장에서는 입력 필드 태그 을 소개하는 데 중점을 둡니다.

입력 필드 태그

입력 필드 태그 는 양식에서 가장 일반적으로 사용되는 태그 중 하나입니다. 일반적으로 사용되는 입력 필드 태그 에는 텍스트 상자, 버튼, 라디오 버튼, 체크박스 등이 포함됩니다.

구문 형식은 다음과 같습니다.

<form>
<input name="file_name" type="type_name">
</form>
로그인 후 복사

매개변수 이름은 입력 도메인의 이름을 참조하고, 매개변수 유형은 입력 도메인의 유형을 참조합니다. 태그에는 다음 유형의 입력 필드가 제공됩니다. 사용자는 type속성을 사용하여 필요에 따라 유형을 결정할 수 있습니다.


유형 속성 값, 예시 및 설명:

1. 텍스트

예:

<input name="user" type="text"  value="饮料" size="12"  maxlength="1000" >
로그인 후 복사

설명: name은 텍스트 상자의 이름, value는 텍스트 상자의 기본값, size는 텍스트 상자의 너비(문자 단위)를 나타냅니다. maxlength는 텍스트 상자의 최대 입력 문자 수를 나타냅니다.

PHP 양식 요소 소개: 입력 필드 태그 <input>

2. 비밀번호

예:

<input name="pwd" type="password"  value="123456" size="8"  maxlength="16" >
로그인 후 복사

설명: 비밀번호 필드, 사용자가 이 텍스트에 있습니다. 상자 입력 문자는 기밀 유지를 위해 "*"로 대체되어 표시됩니다.

PHP 양식 요소 소개: 입력 필드 태그 <input>

3.file

예:

<input name="file"  type="file"   enctype="multipart/form-date" size="12"  maxlength="200" >
로그인 후 복사

설명: 파일이 업로드된 을 사용하여 파일 선택을 위한 모달 창을 열 수 있습니다. 그런 다음 워드 파일 업로드 등 양식을 통해 파일을 서버에 업로드합니다. 파일을 업로드할 때 업로드 기능을 구현하려면 enctype="multipart/form-date" 형식의 속성을 지정해야 합니다.

PHP 양식 요소 소개: 입력 필드 태그 <input>

4. radio

인스턴스:

<input name="sex"  type="radio"   value="男" checked>男
<input name="sex"  type="radio"   value="女" >女
로그인 후 복사

설명: 라디오 버튼, 그룹 설정에 사용 사용자는 하나의 항목만 선택할 수 있습니다. Checked 속성은 기본적으로 선택되도록 라디오 버튼을 설정하는 데 사용됩니다.

PHP 양식 요소 소개: 입력 필드 태그 <input>

5. 체크박스

인스턴스:

<input name="goods"  type="checkbox" value="book" checked="checked" >图书
<input name="goods"  type="checkbox" value="fruits" >水果
<input name="goods"  type="checkbox" value="food" >食品
로그인 후 복사

설명: 체크박스, 사용자가 여러 항목을 선택할 수 있음 . selected 속성은 단일 확인란이 기본적으로 선택되도록 설정하는 데 사용됩니다. 예를 들어, 개인정보 수집 시 개인 취향 등의 옵션에서 복수선택을 하도록 요구하고 있습니다.

PHP 양식 요소 소개: 입력 필드 태그 <input>

6. 제출

인스턴스:

<input name="submit"  type="submit" value="提交" >
로그인 후 복사

설명: 양식에 있는 콘텐츠를 서버에 제출합니다. .

PHP 양식 요소 소개: 입력 필드 태그 <input>

7. 재설정

예:

<input name="reset" type="reset" value="重置">
로그인 후 복사

설명: 양식 내용 지우기 및 재설정, 지우기에 사용됨 양식에 있는 모든 텍스트 상자의 내용을 삭제하고 선택 메뉴 항목을 초기 값으로 되돌립니다.

PHP 양식 요소 소개: 입력 필드 태그 <input>

8. 버튼

인스턴스:

<input type="button" value="Hello world!">
로그인 후 복사

설명: 버튼은 양식 제출 작업을 트리거할 수 있습니다. . 사용자가 양식을 수정해야 할 경우 양식을 원래 상태로 복원할 수 있으며 프로그램의 필요에 따라 다른 역할도 수행할 수 있습니다. 일반 버튼은 일반적으로 양식 처리를 위해 JavaScript 스크립트와 함께 사용됩니다.

PHP 양식 요소 소개: 입력 필드 태그 <input>

9.hidden

예제는 다음과 같습니다.

<input type="hidden"  name="id">
로그인 후 복사

설명: 숨겨진 도메인, 다음에서 사용됩니다. 변수 값을 양식에 암시적으로 제출합니다. 숨겨진 필드는 페이지에서 사용자에게 표시되지 않습니다. 숨겨진 필드를 추가하는 목적은 숨겨진 방식으로 정보를 수집하거나 보내는 것입니다. 뷰어가 양식을 보내기 위해 "보내기" 버튼을 클릭하면 숨겨진 필드의 정보도 작업에서 지정한 처리 페이지로 전송됩니다.

위는 입력 필드 표시 에 대한 소개와 의 유형 속성에 대한 예입니다. 이 양식은 향후 개발에 매우 ​​유용하므로 친구들은 이를 기억하고 더 많은 작업을 연습해야 합니다. .

위 내용은 PHP 양식 요소 소개: 입력 필드 태그 의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿