htmlcss (4) 썸네일형 리스트형 [html/css] css animation 만들기 css 애니메이션은 자바스크립트를 모르더라도 간단하게 움직이는 애니메이션을 만들 수 있습니다. html 간단하게 눈이 될 부분과 움직이는 입모양이 될 부분으로 클래스를 따로 지정해줍니다 css #loading1{ margin: 0; padding: 0; } .loading1{ position:absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); height: 40%; display:flex; align-items: center; } .obj{ width: 6px; height: 40px; background: black; margin: 0 3px; border-radius: 10px; animation: loading 0.8s infinite;.. [html/css] input태그에 글 입력 시 아이콘/이미지 활성화 시키기 input태그에 글 입력 시 아이콘/이미지 활성화 시키기 HTML에서 버튼을 비활성화 시키는 것은 disabled을 사용하면 되지만, 아이콘이나 이미지파일에 input 태그에 입력 시 효과를 주려면 간단한 자바스크립트로 가능합니다. 1. javascript 검색란(input태그 "searchbox")에 입력이 되어 있으면 활성화버튼(btn-gray2)는 안보이고, 비활성화버튼(btn-gray)버튼만 인라인 블럭 속성으로 보이게 합니다. 반대인 경우는 else로 설정합니다. 2.html 같은 아이콘을 나란히 두개 넣은 후 위치를 css로 겹치게합니다 fontawesome.com/ Font Awesome The world’s most popular and easiest to use icon set just .. [Javascript]기초문법 html/css/jsp 자바스크립트로 구구단 테이블 만들기 기록용 Formtag 폼 태그 필수속성, Input type 정리(1) Formtag(폼태그) & input tag(인풋태그) Formtag 폼 태그 아이디, 패스워드, 전화번호, 이메일, 회원가입 양식 등 웹사이트로 정보를 보낼 수 있는 모든 요소(element)를 폼(양식)이라 합니다. 폼태그는 로그인 화면이나 회원가입 화면에서 쉽게 볼 수 있는 '입력할 수 있는 틀'을 만드는데 사용되는 태그입니다. 텍스트 필드에 글자를 입력하거나, 체크박스나 라디오 버튼을 클릭하고 제출 버튼을 누르면 백엔드 서버에 양식이 전달되어 정보를 처리하게 됩니다. type 속성을 통해 양식의 종류를 나타내며, name으로 데이터의 이름, value를 통해 기본 값을 지정합니다. Input tag 인풋 태그 사용자에게 입력을 받을 수 있는 필드를 만들 수 있는 태그로, 폼태그 중 가장 사용빈도수.. 이전 1 다음
