웹 프론트엔드 HTML 튜토리얼 버튼과 제출의 차이점 소개

버튼과 제출의 차이점 소개

Jul 19, 2017 pm 01:20 PM
button quot type

페이지에 버튼을 그리는 방법에는 네 가지가 있습니다.

자바스크립트를 작성하지 않으면 눌러도 아무 일도 일어나지 않습니다.

이러한 버튼은 이를 방지하기 위해 자바스크립트를 작성하지 않는 한 사용자가 클릭한 후 자동으로 양식을 제출합니다.

<버튼> 이 버튼을 양식에 배치하면 클릭 시 자동으로 제출됩니다. 이전 두 버튼에 비해 장점은 버튼 내용에 텍스트뿐만 아니라 사진 및 기타 멀티미디어 콘텐츠도 포함될 수 있다는 것입니다. (물론 처음 두 개는 사진 배경으로도 가능합니다.) 단점은 브라우저마다 다른 값을 갖는다는 것입니다. 다른 브라우저 호환성 문제가 있을 수 있습니다(Ge Liang).

a, img,span,div와 같은 기타 태그를 사용한 다음 그림을 사용하여 버튼으로 위장합니다.

Submit은 양식을 제출하는 데 특별히 사용되는 버튼입니다. Button에는 두 가지 주요 차이점이 있습니다.
Type=버튼은 단순한 버튼 기능입니다.
Type=submit은 양식을 보내는 것입니다.
(1) Submit은 양식(form. submit()) onclick 후의 기본 이벤트로 Button은 이렇지 않습니다
  (2) 양식이 제출되면 이름 속성(입력 태그, 버튼 태그, 선택 태그 등 포함)이 있는 모든 html 입력 요소가 제출 개체를 제외하고 키-값 쌍으로 제출됩니다. 제출 개체는 클릭한 후에만 제출 시 키-값 쌍으로 제출됩니다.
 그러나 WEB UI에 종사하는 사람들은 페이지의 유용성을 향상시키기 위해 submit 사용에 주의해야 합니다:
  
 submit을 사용한 후 페이지는 키보드 Enter 키 작업을 지원하지만 많은 WEB 소프트웨어 디자이너는 submit이

 버튼을 사용한 후 페이지에서 Enter 키를 지원하지 않는 경우가 많습니다. 따라서 Enter 키를 지원해야 하는 경우 제출을 설정해야 합니다. 기본적으로 Enter 키는 페이지의 첫 번째 제출에서 작동합니다.
 
 
 onClick을 실행한 후 액션으로 이동합니다. onClick 없이 자동으로 제출할 수 있습니다. 따라서 여기서는 onclick이 필요하지 않습니다.
 
 onClick이 실행된 후 점프 파일은 js 파일에서 제어됩니다. 제출하려면 onClick이 필요합니다.
 예:
 1.onclick="form1.action='a.jsp';form1.submit();" 이는 제출 기능을 구현합니다.
 
더 간단하게 말하면 제출하면 페이지가 새로 고쳐지지만 버튼은 새로 고쳐지지 않습니다.

위 내용은 버튼과 제출의 차이점 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

Video Face Swap

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

HTML에서 버튼 크기와 색상을 설정하는 방법 HTML에서 버튼 크기와 색상을 설정하는 방법 Mar 05, 2021 pm 05:16 PM

HTML에서는 width 및 height 속성을 사용하여 버튼 요소의 크기를 설정할 수 있으며, background-color 속성을 사용하여 버튼 요소의 색상을 설정할 수 있습니다. 구체적인 구문은 "button{width: width value; height: 높이 값; 배경색: 색상 값;}".

Ubuntu 장착 모바일 하드 디스크 오류 해결: 알 수 없는 파일 시스템 유형 exfat Ubuntu 장착 모바일 하드 디스크 오류 해결: 알 수 없는 파일 시스템 유형 exfat Jan 05, 2024 pm 01:18 PM

Ubuntu가 모바일 하드 디스크를 마운트할 때 오류가 발생합니다: mount:knownfilesystemtype'exfat' 처리 방법은 Ubuntu13.10 또는 install exfat-fuse: sudoapt-getinstallexfat-fuseUbuntu13.04 이하 sudoapt-add-repositoryppa:relan입니다. /exfatsudoapt-getupdatesudoapt-getinstallfuse- exfatCentOS CentOS에서 extfa를 로드하기 위한 Linux 마운트 exfat 형식 USB 디스크 오류 솔루션

Go에서 Type 키워드의 용도는 무엇입니까? Go에서 Type 키워드의 용도는 무엇입니까? Sep 06, 2023 am 09:58 AM

Go에서 Type 키워드의 사용법에는 새로운 유형 별칭 정의 또는 새로운 구조 유형 생성이 포함됩니다. 자세한 소개: 1. 유형 별칭. 기존 유형에 대한 별칭을 생성하려면 "type" 키워드를 사용하십시오. 이 별칭은 새 유형을 생성하지 않고 기존 유형에 대한 새 이름만 제공하여 코드 가독성을 향상시킵니다. 2. 구조 유형을 사용하여 새 구조 유형을 생성합니다. 구조는 여러 필드 등을 포함하는 사용자 정의 유형을 정의하는 데 사용할 수 있습니다.

php提交表单通过后,弹出的对话框怎样在当前页弹出,该如何解决 php提交表单通过后,弹出的对话框怎样在当前页弹出,该如何解决 Jun 13, 2016 am 10:23 AM

php提交表单通过后,弹出的对话框怎样在当前页弹出php提交表单通过后,弹出的对话框怎样在当前页弹出而不是在空白页弹出?想实现这样的效果:而不是空白页弹出:------解决方案--------------------如果你的验证用PHP在后端,那么就用Ajax;仅供参考:HTML code

Linux 유형 명령 Linux 유형 명령 Mar 20, 2024 pm 05:06 PM

이 가이드에서는 Linux의 "type" 명령에 대해 자세히 알아봅니다. 전제 조건: 이 가이드에 설명된 단계를 수행하려면 다음 구성 요소가 필요합니다. 올바르게 구성된 Linux 시스템. 테스트 및 학습 목적으로 LinuxVM을 생성하는 방법을 알아보세요. 명령줄 인터페이스에 대한 기본 이해 Linux의 Type 명령은 다른 Linux 관련 명령(예: ls, chmod, shutdown, vi, grep, pwd 등)과 다릅니다. "type" 명령은 내장되어 있습니다. 인수로 표시되는 Bash 함수입니다. 제공된 명령 유형에 대한 정보입니다. $type Bash 외에도 다른 쉘(Zsh, Ksh 등)도 함께 제공됩니다.

Redis 유형 및 인코딩 인코딩의 원칙과 사용법은 무엇입니까? Redis 유형 및 인코딩 인코딩의 원칙과 사용법은 무엇입니까? May 29, 2023 pm 04:21 PM

Abstract Redis는 다양한 시나리오에서 널리 사용되는 오픈 소스 고성능 키-값 데이터베이스입니다. Redis에서는 데이터 유형(type)과 인코딩(encoding)이 매우 중요한 개념입니다. 이 블로그에서는 Redis에서 지원하는 데이터 유형과 해당 인코딩 방법 및 기본 구현 원칙을 자세히 소개합니다. Redis 키의 내부 인코딩을 보려면 Redis 명령 OBJECTENCODINGkey를 사용할 수 있습니다. 그 중 key 는 조회하려는 키 이름입니다. 예를 들어 mykey라는 키의 내부 인코딩을 쿼리하려면 다음 명령을 실행할 수 있습니다. 127.0.0.1:6379&gt;objectencodin

DeepSeek 계정을 등록 할 때 어떤 정보가 필요합니까? DeepSeek 계정을 등록 할 때 어떤 정보가 필요합니까? Mar 12, 2025 pm 02:33 PM

필수 정보 : 1. 이메일 등록; 3. 타사 소셜 플랫폼 등록. 성공적인 등록 후에는 일반적으로 별명, 성별, 생일 등과 같은 기본 개인 정보를 작성해야합니다.

아이디어로 SpringBoot 프로젝트를 생성할 때 Type Selection Maven 프로젝트와 Maven Pom의 차이점은 무엇인가요? 아이디어로 SpringBoot 프로젝트를 생성할 때 Type Selection Maven 프로젝트와 Maven Pom의 차이점은 무엇인가요? May 16, 2023 pm 04:52 PM

1) 아이디어를 열고 SpringBoot 프로젝트 생성을 시작합니다. 2) SpringInitializr을 선택하고 적절한 jdk 버전을 선택한 후 Next를 클릭합니다. Type 옵션으로 작업할 때 선택할 수 있는 프로젝트 유형은 MavenProject(GenerateaMavenbasedprojectarchive) MavenPOM(GenerateaMavenpom. xml) GradleProject(GenerateaGradlebasedprojectarchive) )GradleConfig(GenerateaGradlebuildfile

See all articles