웹 프론트엔드 HTML 튜토리얼 이미지를 사용하여 양식을 제출하는 방법

이미지를 사용하여 양식을 제출하는 방법

Feb 10, 2018 am 09:48 AM
form image 제출하다

이번에는 이미지를 이용한 양식 제출 방법과, 이미지를 이용한 양식 제출 시 주의사항에 대해 알려드리겠습니다. 아래는 실제 사례를 살펴보겠습니다.

코드는 다음과 같습니다.

<form method="post" action="formtest.html" target="_blank" name="formtest"> 
<input type="hidden" name="userid" value="userid"> 
<input type="hidden" name="username" value="username"> 
<input type="image" src="imagesubmit.gif" border="0"> 
</form>
로그인 후 복사

버튼을 사용하여 양식을 제출하는 것이 아니라 보기 좋은 이미지를 사용하여 제출하고 싶습니다
그러면 두 번 제출되므로 입력 자체는 다음과 같습니다. 한 번 제출하면 js 스크립트가 다시 제출됩니다.
image를 제출로 사용합니다. 버튼을 사용하는 방법은 여러 가지가 있습니다. 1.

<form method="post" action="formtest.jsp"> 
<input type="hidden" name="userid" value="userid"> 
<input type="hidden" name="username" value="username"> 
<input type="image" src="imagesubmit.gif" border="0"> 
</form>
로그인 후 복사
원본 포스터에 적힌 대로 완전히 가능합니다

2. 혼합
프로그래밍

에서는 동적으로 검색된 콘텐츠가 변경됨에 따라 매개변수도 변경되기를 원하기 때문에 이 방법을 자주 사용합니다.

이 사례를 읽고 나면 방법을 마스터했다고 생각합니다. 더 흥미로운 콘텐츠를 보려면 주의하세요. 기타 관련 기사는 PHP 중국어 웹사이트에 있습니다!

관련 읽기:

HTML과 같은 명령줄 인터페이스를 구현하는 방법


html+css+javascript 목록 루프 스크롤을 구현하는 방법


버튼 트리거를 사용하여 배경색 깜박임을 구현하는 방법

위 내용은 이미지를 사용하여 양식을 제출하는 방법의 상세 내용입니다. 자세한 내용은 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 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

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

SublimeText3 중국어 버전

SublimeText3 중국어 버전

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

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

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

Bing Image Creator를 무료로 사용하는 방법 Bing Image Creator를 무료로 사용하는 방법 Feb 27, 2024 am 11:04 AM

이 기사에서는 무료 BingImageCreator를 사용하여 고품질 출력을 얻는 7가지 방법을 소개합니다. BingImageCreator(현재 Microsoft Designer용 ImageCreator로 알려짐)는 훌륭한 온라인 인공 지능 아트 생성기 중 하나입니다. 사용자 프롬프트를 기반으로 매우 사실적인 시각 효과를 생성합니다. 프롬프트가 더 구체적이고 명확하며 창의적일수록 결과는 더 좋아질 것입니다. BingImageCreator는 고품질 이미지 생성에 있어 상당한 진전을 이루었습니다. 이제 Dall-E3 트레이닝 모드를 사용하여 더 높은 수준의 디테일과 현실감을 보여줍니다. 그러나 일관되게 HD 결과를 생성하는 능력은 빠른 속도를 포함한 여러 요인에 따라 달라집니다.

MySQL 트랜잭션 처리: 자동 제출과 수동 제출의 차이점 MySQL 트랜잭션 처리: 자동 제출과 수동 제출의 차이점 Mar 16, 2024 am 11:33 AM

MySQL 트랜잭션 처리: 자동 제출과 수동 제출의 차이점 MySQL 데이터베이스에서 트랜잭션은 모든 실행이 성공하거나 모든 실행이 실패하여 데이터의 일관성과 무결성을 보장합니다. MySQL에서는 트랜잭션을 자동 제출과 수동 제출로 나눌 수 있는데, 차이점은 트랜잭션 제출 시기와 트랜잭션에 대한 제어 범위에 있습니다. 다음에서는 자동 제출과 수동 제출의 차이점을 자세히 소개하고 설명할 특정 코드 예제를 제공합니다. 1. 표시되지 않는 경우 MySQL에서 자동으로 제출

Xiaomi 휴대폰에서 이미지를 삭제하는 방법 Xiaomi 휴대폰에서 이미지를 삭제하는 방법 Mar 02, 2024 pm 05:34 PM

Xiaomi 휴대폰에서 이미지를 삭제하는 방법 Xiaomi 휴대폰에서 이미지를 삭제할 수 있지만 대부분의 사용자는 이미지 삭제 방법을 모릅니다. 다음은 편집자가 가져온 Xiaomi 휴대폰에서 이미지 삭제 방법에 대한 튜토리얼입니다. 와서 우리와 함께 보자! Xiaomi 휴대폰에서 이미지를 삭제하는 방법 1. 먼저 Xiaomi 휴대폰에서 [앨범] 기능을 엽니다. 2. 그런 다음 불필요한 사진을 확인하고 오른쪽 하단에 있는 [삭제] 버튼을 클릭합니다. 상단의 특수 영역에 들어가려면 [휴지통]을 선택합니다. 4. 그런 다음 아래 그림과 같이 [휴지통 비우기]를 직접 클릭합니다. 5. 마지막으로 [영구 삭제]를 직접 클릭하여 완료합니다.

Imagemagic 설치 Centos 및 이미지 설치 튜토리얼 Imagemagic 설치 Centos 및 이미지 설치 튜토리얼 Feb 12, 2024 pm 05:27 PM

LINUX는 유연성과 사용자 정의 가능성으로 인해 많은 개발자와 시스템 관리자가 가장 먼저 선택하는 운영 체제입니다. LINUX 시스템에서 이미지 처리는 매우 중요한 작업이며 Imagemagick과 Image는 매우 인기 있는 이미지 처리 도구입니다. 이 기사에서는 Centos 시스템에 Imagemagick 및 Image를 설치하는 방법을 소개하고 자세한 설치 튜토리얼을 제공합니다. Imagemagic 설치 Centos 튜토리얼 Imagemagick은 명령줄에서 다양한 이미지 작업을 수행할 수 있는 강력한 이미지 처리 도구 세트입니다. 다음은 Centos 시스템에 Imagemagick을 설치하는 단계입니다.

Binaryx는 다시 이름이 바뀌고, 4 개는 커뮤니티에주는 4 개가 급증하려고합니까? Binaryx는 다시 이름이 바뀌고, 4 개는 커뮤니티에주는 4 개가 급증하려고합니까? Mar 04, 2025 pm 12:00 PM

Binaryx의 토큰 이름 변경 : BNX에서 4로, 그리고 형성하기 위해, 전략적 조정 뒤에 깊은 의미는 최근 토큰 기호를 4 달러에서 $ 양식으로 변경하여 업계의 광범위한 관심을 끌었습니다. Binaryx가 이름을 변경 한 것은 이번이 처음이 아니며 토큰 기호가 BNX에서 4로 전환되었습니다. 이 기사는이 일련의 이름 변경에 대한 전략적 의도를 심층적으로 탐구 할 것입니다. 1. 토큰 이름 변경 프로세스 및 전략적 고려 사항 BinaryX는 처음에 2021 년 BNB 체인을 기반으로 $ BNX 토큰을 출시하여 P2E (Play-to-Earn) 게임 생태계를 지원했습니다. 2024 년 초, 경제 모델을 최적화하기 위해 Binaryx는 $ bnx를 나누고 Gamef로 점차 확장

Java Git 시작하기: 처음부터 버전 제어 탐색 Java Git 시작하기: 처음부터 버전 제어 탐색 Feb 23, 2024 am 10:25 AM

Git 소개 Git은 분산 버전 제어 시스템입니다. 즉, 각 개발자는 자신의 컴퓨터에 코드 베이스의 전체 복사본을 가지고 있습니다. 이는 중앙 코드 저장소만 있는 중앙 버전 제어 시스템(예: Subversion 또는 Perforce)과 다릅니다. 분산 버전 제어의 이점은 개발자가 오프라인으로 작업하고 나중에 중앙 코드 기반과 동기화할 수 있기 때문에 협업을 더욱 효율적으로 만든다는 것입니다. Git 설치 Git을 사용하려면 먼저 컴퓨터에 Git을 설치해야 합니다. 공식 Git 웹사이트에서 운영 체제에 맞는 설치 프로그램을 다운로드할 수 있습니다. 설치가 완료되면 명령줄에 git --version을 입력하여 설치가 성공했는지 확인할 수 있습니다. Git 기본 개념 저장소: Git

PHP 및 UniApp을 사용하여 양식 유효성 검사 및 제출을 구현하기 위한 팁 PHP 및 UniApp을 사용하여 양식 유효성 검사 및 제출을 구현하기 위한 팁 Jul 06, 2023 am 10:57 AM

PHP 및 UniApp을 사용하여 양식 유효성 검사 및 제출을 구현하기 위한 팁 소개: 웹 페이지 또는 모바일 애플리케이션을 개발할 때 양식 유효성 검사 및 제출은 필수 기능입니다. Form Validation은 사용자가 입력한 데이터가 특정 규칙을 준수하는지 확인하는 데 사용되며, 제출 시 사용자가 입력한 데이터를 서버에 저장하거나 전송합니다. 이 기사에서는 개발자가 프런트엔드 및 백엔드 상호 작용 기능을 신속하게 구현할 수 있도록 PHP 및 UniApp을 사용하여 양식 유효성 검사 및 제출을 구현하는 기술을 소개합니다. 1. PHP는 양식 유효성 검사를 구현합니다. 다음은 PHP 양식 유효성 검사 샘플 코드입니다.

Vue에서 복잡한 양식 제출을 처리하는 방법 Vue에서 복잡한 양식 제출을 처리하는 방법 Oct 15, 2023 pm 03:42 PM

Vue에서 복잡한 양식 제출을 처리하려면 특정 코드 예제가 필요합니다. Vue에서는 복잡한 양식 제출을 처리하기 위해 Vue의 양식 처리 방법 및 기타 관련 플러그인 또는 기능을 사용하여 개발 프로세스를 단순화할 수 있습니다. 이 기사에서는 Vue 및 기타 일반적인 플러그인을 사용하여 복잡한 양식 제출을 처리하는 방법을 소개하고 특정 코드 예제를 제공합니다. 1. 양식 데이터의 양방향 바인딩 Vue의 핵심 기능 중 하나는 데이터의 양방향 바인딩입니다. 양식 처리에서 Vue 명령어를 사용하여 양식 데이터와 보기 간의 양방향 통신을 달성할 수 있습니다.

See all articles