무소의 뿔처럼

HTML) 1개의 Form, 2개의 submit 본문

알아두기/HTML CSS

HTML) 1개의 Form, 2개의 submit

값을변경 2022. 8. 24. 15:09
<form action="home">

...

<input type="submit" value="홈으로가기">

<button type="submit" formaction="DeletAction" formmethod="post">삭제하기</button>

</form>

 

너무 편하당..


 

 

코딩교육 티씨피스쿨

4차산업혁명, 코딩교육, 소프트웨어교육, 코딩기초, SW코딩, 기초코딩부터 자바 파이썬 등

tcpschool.com

 

HTML5에서 변경된 사항

HTML5에서는 <button> 태그에 다음과 같은 속성들이 추가되었습니다.

- autofocus

- form

- formaction

- formenctype

- formmethod

- formnovalidate

- formtarget

 

button 속성.

속성명 속성값 설명
autofocus autofocus 페이지가 로드될 때 자동으로 포커스가 버튼으로 이동됨을 명시함.
disabled disabled 해당 버튼이 비활성화됨을 명시함.
form form id 해당 버튼이 포함될 하나 이상의 <form> 요소를 명시함.
formaction URL 폼 데이터(form data)가 서버로 제출될 때 해당 데이터가 도착할 URL을 명시함.
(단, <button> 요소의 type 속성값이 “submit”인 경우에만 사용할 수 있음)
formenctype application/x-www-form-urlencoded
multipart/form-data
text/plain
폼 데이터(form data)가 서버로 제출될 때 해당 데이터가 인코딩(encoding)되는 방식을 명시함.
(단, <button> 요소의 type 속성값이 “submit”인 경우에만 사용할 수 있음)
formmethod get
post
폼 데이터(form data)가 서버로 제출될 때 사용할 HTTP 메소드를 명시함.
(단, <button> 요소의 type 속성값이 “submit”인 경우에만 사용할 수 있음)
formnovalidate formnovalidate 폼 데이터(form data)가 서버로 제출될 때 해당 데이터의 유효성 검사를 하지 않음을 명시함.
(단, <button> 요소의 type 속성값이 “submit”인 경우에만 사용할 수 있음)
formtarget _blank
_self
_parent
_top
프레임 이름
폼 데이터(form data)가 서버로 제출된 후 받은 응답(response) 데이터를 어디에 표시할 지를 명시함.
(단, <button> 요소의 type 속성값이 “submit”인 경우에만 사용할 수 있음)
name 텍스트 해당 버튼의 이름(name)을 명시함.
type button
reset
submit
해당 버튼의 타입(type)을 명시함.
value 텍스트 해당 버튼의 초깃값(value)를 명시함

 

 

'알아두기 > HTML CSS' 카테고리의 다른 글

select 선택 후 input에 보여주기  (0) 2022.06.23
textarea_ white-space: 줄바꿈  (0) 2022.02.10
Comments