양식
이 장에서는 입력 필드 태그 을 소개하는 데 중점을 둡니다.
입력 필드 태그
입력 필드 태그 는 양식에서 가장 일반적으로 사용되는 태그 중 하나입니다. 일반적으로 사용되는 입력 필드 태그 에는 텍스트 상자, 버튼, 라디오 버튼, 체크박스 등이 포함됩니다.
구문 형식은 다음과 같습니다.
<form> <input name="file_name" type="type_name"> </form>
매개변수 이름은 입력 도메인의 이름을 참조하고, 매개변수 유형은 입력 도메인의 유형을 참조합니다.
유형 속성 값, 예시 및 설명:
1. 텍스트
예:
<input name="user" type="text" value="饮料" size="12" maxlength="1000" >
설명: name은 텍스트 상자의 이름, value는 텍스트 상자의 기본값, size는 텍스트 상자의 너비(문자 단위)를 나타냅니다. maxlength는 텍스트 상자의 최대 입력 문자 수를 나타냅니다.
2. 비밀번호
예:
<input name="pwd" type="password" value="123456" size="8" maxlength="16" >
설명: 비밀번호 필드, 사용자가 이 텍스트에 있습니다. 상자 입력 문자는 기밀 유지를 위해 "*"로 대체되어 표시됩니다.
3.file
예:
<input name="file" type="file" enctype="multipart/form-date" size="12" maxlength="200" >
설명: 파일이 업로드된 을 사용하여 파일 선택을 위한 모달 창을 열 수 있습니다. 그런 다음 워드 파일 업로드 등 양식을 통해 파일을 서버에 업로드합니다. 파일을 업로드할 때 업로드 기능을 구현하려면 enctype="multipart/form-date" 형식의 속성을 지정해야 합니다.
4. radio
인스턴스:
<input name="sex" type="radio" value="男" checked>男 <input name="sex" type="radio" value="女" >女
설명: 라디오 버튼, 그룹 설정에 사용 사용자는 하나의 항목만 선택할 수 있습니다. Checked 속성은 기본적으로 선택되도록 라디오 버튼을 설정하는 데 사용됩니다.
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 속성은 단일 확인란이 기본적으로 선택되도록 설정하는 데 사용됩니다. 예를 들어, 개인정보 수집 시 개인 취향 등의 옵션에서 복수선택을 하도록 요구하고 있습니다.
6. 제출
인스턴스:
<input name="submit" type="submit" value="提交" >
설명: 양식에 있는 콘텐츠를 서버에 제출합니다. .
7. 재설정
예:
<input name="reset" type="reset" value="重置">
설명: 양식 내용 지우기 및 재설정, 지우기에 사용됨 양식에 있는 모든 텍스트 상자의 내용을 삭제하고 선택 메뉴 항목을 초기 값으로 되돌립니다.
8. 버튼
인스턴스:
<input type="button" value="Hello world!">
설명: 버튼은 양식 제출 작업을 트리거할 수 있습니다. . 사용자가 양식을 수정해야 할 경우 양식을 원래 상태로 복원할 수 있으며 프로그램의 필요에 따라 다른 역할도 수행할 수 있습니다. 일반 버튼은 일반적으로 양식 처리를 위해 JavaScript 스크립트와 함께 사용됩니다.
9.hidden
예제는 다음과 같습니다.
<input type="hidden" name="id">
설명: 숨겨진 도메인, 다음에서 사용됩니다. 변수 값을 양식에 암시적으로 제출합니다. 숨겨진 필드는 페이지에서 사용자에게 표시되지 않습니다. 숨겨진 필드를 추가하는 목적은 숨겨진 방식으로 정보를 수집하거나 보내는 것입니다. 뷰어가 양식을 보내기 위해 "보내기" 버튼을 클릭하면 숨겨진 필드의 정보도 작업에서 지정한 처리 페이지로 전송됩니다.
위는 입력 필드 표시 에 대한 소개와 의 유형 속성에 대한 예입니다. 이 양식은 향후 개발에 매우 유용하므로 친구들은 이를 기억하고 더 많은 작업을 연습해야 합니다. .
위 내용은 PHP 양식 요소 소개: 입력 필드 태그 의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!