무소의 뿔처럼
HTML) 1개의 Form, 2개의 submit 본문
<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