HTML button 버튼 만들기

원본: 자바스크립트로 버튼 만드는 방법 이 포스트에서는 HTML과 자바스크립트로 버튼 요소를 만드는 과정을 단계별로 알아보겠습니다. 다음의 실용적인 예제와 함께 시작해 보겠습니다. HTML로 버튼 만들기 자바스크립트를 만지기 전에 기본적인 HTML을 사용하여 간단히 만들어 보겠습니다. HTML에서는 다음의 예제와 같이 <button> 태그를 사용하면 됩니다: 위의 코드를 HTML 파일에 추가하고 웹 브라우저에서 열면 “Click me!”라는 텍스트가 있는 간단한 버튼 … Read more

HTML tooltip 툴팁 만들기

원본: HTML 툴팁 만드는 방법 (+ 코드 예제) 애플리케이션이나 웹 사이트를 이용하다 보면 아이콘이나 양식 필드가 무슨 용도인지 알 수 없을 때가 있습니다. 대부분의 사람들은 본능적으로 요소 위에 마우스를 올려 정보를 제공하는 팝업을 찾을 것 입니다. 이를 일반적으로 “툴팁”이라 부릅니다. 툴팁 요소는 사용자 인터페이스의 핵심 구성요소로, 디자이너가 화면을 어지럽히지 않고도 웹 페이지에 추가 정보를 넣을 … Read more

HTML textarea 텍스트 입력 박스 만들기

원본: HTML textarea – How to Add a Text Box Input Type Tag to Your Website 텍스트 박스는 사용자로부터 텍스트를 입력 받을 수 있는 요소입니다. 텍스트 박스를 클릭하거나 탭하면 깜박이는 커서가 나타나 입력 받을 준비가 되었음을 알려줍니다. 텍스트 박스는 text field와 text area의 두 가지 유형으로 분류됩니다. 이 두 입력 박스는 서로 다른 용도로 사용되며 … Read more