>  기사  >  웹 프론트엔드  >  HTML 양식 소개

HTML 양식 소개

不言
不言원래의
2018-07-28 09:44:541255검색

이 기사의 내용은 HTML 양식, 테이블 및 미디어 요소의 소개에 관한 내용이며 좋은 참고 가치가 있으며 도움이 필요한 친구들에게 도움이 되기를 바랍니다.

양식 태그 form:

//사용자 정보를 기록하는 목록과 동일
자주 사용하는 속성: method: 양식 제출 방법, 일반적으로 사용되는 두 가지 값이 있습니다 ​
 (1) 게시물: 보안 제출 방법 2 (2) get: 비보안 제출 방법
예: & lt; form method = "post" & gt;/from & gt;: 제출할 양식을 설정합니다.
예: & lt; ; ="제출된 페이지 주소">
양식에는 사용자가 콘텐츠를 입력하는 데 사용되는 양식 요소 inout 태그가 포함되어 있습니다.
양식 요소는 양식 태그 사이에 작성되어야 합니다. 양식 외부에 없음
일반적으로 사용되는 양식 요소:
(1) : 텍스트 상자, 내용을 입력할 수 있습니다.
            양식 요소는 기본값 값 속성을 설정할 수도 있습니다: value="123"
  (2) : 비밀번호 상자, 입력 내용이 숨겨집니다. 각 양식 요소는 이름 속성을 설정해야 합니다. 이름 속성은 양식 요소의 이름을 식별하는 데 사용됩니다. 3): 제출 버튼, 클릭하면 양식이 제출됩니다. 양식 요소는 입력 상자 또는 버튼 유형을 결정하기 위해 유형별로 설정됩니다. 4) : 재설정 버튼을 클릭하면 양식의 입력 상자가 초기 상태로 돌아갑니다.
(5): 라디오 버튼,
                                                                              이름을 사용하여 그룹화할 수 있습니다. , 성별 : 이름은 모두 성별입니다. 이름 값이 다를 경우 같은 그룹에 속하지 않는다는 뜻입니다. 제출 시 값이 제출됩니다.
(6) 다중 체크박스, 이름 그룹화 사용, 다중 선택 가능, 제출 시 제출하는 것은 값 값입니다. PS: 단일 선택 버튼과 다중 선택 버튼은 기본 선택을 설정할 수 있습니다.

(7) & lt select name = "year" & gt; 옵션 값 = "1" & gt; 목록 항목 1
                                                                                > 목록의 선택된 속성을 설정하여 기본 선택된 항목 item

(8)그림 버튼
버튼을 그림처럼 보이게 만드세요. 클릭하면 양식이 제출됩니다.
(9)일반 버튼

효과가 없는 버튼입니다. 앞으로는 매우 흔하게 사용됩니다

참고: 유형 속성이 설정되지 않은 경우 기본 유형 속성은 텍스트입니다
(10) 텍스트 도메인, 여러 줄의 내용을 표시하거나
(11) & lt; 입력 유형을 입력할 수 있습니다. file"/& gt; 파일 도메인. 파일 업로드 파일을 선택할 수 있습니다. .
(12)<입력 유형-"이메일"/>이메일 상자, 올바른 이메일 형식을 입력해야 제출할 수 있습니다. form
 오류에 대한 메시지가 표시됩니다

(13)URL 상자에 다음과 같은 완전한 URL을 입력해야 합니다: http://www.baidu.com
(14)숫자 상자에는 숫자만 입력할 수 있습니다.
   다른 문자를 입력하면 양식을 제출할 수 없습니다.
(15)슬라이더, 좌우로 슬라이드할 수 있습니다
(16)검색창, 브라우저마다 다른 스타일로 표시됩니다
(17) 색상을 선택할 수 있습니다
(18) 양식 기본 유효성 검사: 자리 표시자 프롬프트 내용, 비어 있지 않은 판단 필요
                                                                          . gt;//제출 시 이 입력란을 비워둘 수 없습니다


고급 애플리케이션 형식:

숨겨진 필드:

                                                                     ~                                                 ===================== =============================================== 하지만 얻을 것이다
  비활성화됨:
                                                                            ‐ ' s ' s ' s ' t ‑ ‑ ​ ​ ​ ​해당 양식 요소에 초점이 맞춰져 사용성이 향상됩니다. 마우스
                                                                                                                                                                  해당 요소의 id 값은 속성에 작성해야 합니다.

관련 권장 사항:


HTML의 목록, 테이블 및 미디어 요소 소개


HTML 형식 및 태그 소개

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.