목록HTML (2)

Maxima's Lab

[Web Programming] Modal Dialog 커스터마이징 하는 방법

안녕하세요, 오늘은 Modal Dialog 기능들에 대해서 커스터마이징 하는 방법에 대해서 알아보겠습니다. 해당 기능을 구현하기 위해 편의상 html, css, js 파일에 대해 다음과 같이 구성하였습니다. index.html style.css script.js 위 파일들로 구성된 결과 이미지에 대해서 먼저 보도록 하겠습니다. 먼저 index.html 코드는 다음과 같습니다. 모달 실행 × 사용자 정의 메시지를 입력하세요... 확인 취소 위의 코드에서 button은 총 3개로 구성되어 있으며, 다음과 같습니다. 모달 실행 확인 취소 이어서, style.css 코드는 다음과 같습니다. /* 모달 스타일 */ .modal { display: none; /* 기본적으로 숨김 */ position: fixed;..
Web Programming 2024. 2. 23. 23:27
[Django] HTML Form 사용법

안녕하세요, 오늘은 Django에서 HTML Form을 사용하는 방법에 대해서 알아보겠습니다. HTML Form을 사용하기 위한 간략한 Template은 다음과 같습니다. {% csrf_token %} Label-1 위의 Form Template 에서 method는 POST / GET로 구성되어 있으며 사용자의 데이터들을 수정하지 않는 / 수정하는 상황에 따라 각각 사용할 수 있습니다. 또한, 데이터를 어떤 URL로 전송하는 지에 대한 내용입니다. csrf_token은 CSRF (Cross Site Request Forgery)의 공격으로 부터 방어하기 위해 사용하는 명령어입니다. 그외의 나머지 명령어는 label과 text type의 input 그리고 최종적으로 submit type의 input을 통해..
Web Programming 2022. 11. 3. 00:43
Prev 1 Next