본문 바로가기
input 태그 속성에 대해 자세히 살펴보기 – HTML5 태그를 이용하여 폼을 만드는 방법에 대해 살펴봤습니다. 사용자들이 폼을 좀 더 사용하기 쉽게 만들기 위해 태그의 여러 속성들에 대해 살펴봅니다. 텍스트 입력창에 힌트를 표시하거나 필수 입력항목 등의 지정을 태그 속성으로 지정할 수 있습니다. autofocus 속성은 웹 페이지가 열리자마자 원하는 요소에 마우스 커서를 표시하며 바로 입력 가능하게 합니다. placeholder 속성은 사용자가 텍스트를 입력할 때 해당 필드에(텍스트 상자)에 힌트 등을 표시하게 되며 입력이 시작되면 힌트는 사라집니다. readonly 속성은 사용자 입력을 받지 않고 해당 필드를 읽기 전용으로 변경합니다. 사용법은 readonly="true", readonly="readonly" 또는 그냥 readonly만 사용해도 해당 기능.. 2021. 12. 14.
폼(form)과 input 태그 살펴보기 – HTML5 웹 페이지에서 자주 사용되는 폼(form)에 대해 살펴봅니다. 사용자가 아이디를 입력하거나 어떠한 정보를 입력할 때 폼을 사용하는 경우가 많습니다. 플라스크 웹 프레임 워크를 다룰 때 자주 사용된 태그에 대해 좀 더 자세히 살펴봅니다. 태그는 기본 사용법과 자주 사용되는 속성에 대해 살펴봅니다. 폼 요소 속성 설명 method 서버에 데이터를 전송하는 방식 설정(GET, POST) name 폼의 이름을 설정 action 태그를 처리할 서버상의 프로그램 설정 targe action 설정에서 지정한 스크립트를 다른 위치에서 열도록 지정 method에서 GET 전송 방식으로 지정하게 되면 주소 표시줄에 입력한 내용이 그대로 노출되며 주로 간단한 데이터가 전송될 때 사용합니다. POST 전송 방식은 사용자 입력.. 2021. 12. 14.