티스토리 뷰1. 개념 input type = image,button,file - 이미지 버튼, 버튼 , 파일 첨부 image 타입 : submit 버튼 대신 전송 이미지를 삽입하여서 사용할 수 있음 button 타입 : 버튼 형태를 만들어서 사용이 가능하고 여기에는 submit이나 reset과 같은 기능은 없음 file 타입 : 파일을 첨부하여 사용 가능 2. 태그 input type = image,button,file html5 코드
결과 화면 코드 설명 <input type = "image" ...... > image 타입에서 중요한 것은 submit 버튼
대신이라는 것입니다. <input type = "button" ...... > button 타입은 자체 아무런 기능이 없습니다. <input type = "file" ...... > file 타입은 파일을 첨부하게 됩니다. '[개발]프로그래밍 > html5' 카테고리의 다른 글
« 2022/11 »
Total994,699Today3Yesterday1,569 [Front-End] 프론트엔드/[html5] 2018. 8. 25. 안녕하세요.
html5의 <input> 태그는 다양한 속성을 지원합니다. <input> 태그를 사용하여 사용자의 입력을 처리할 수 있습니다. <input> 태그의 type="image" 속성을 사용하여 이미지를 넣을 수 있습니다.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 <!DOCTYPE html> <html> <head> <title>codeomni.tistory.com html5 input image button 이미지 버튼 소스 코드 예제</title> <style> body { background-color: #9adaca;
} </style> </head> <body> <div> <h2>codeomni.tistory</h2> <input type="image" name="button" src="image.jpg">
</div> </body> </html> 실행 화면입니다. |