반응형 Web Programing/HTML3 HTML 페이지 로딩 시 input 태그에 커서 위치하기 autofocus와 jQuery focus 사용 방법 웹 페이지에서 로그인 페이지나 회원가입 화면에서 로딩 시 첫 번째 input 태그에 자동으로 커서가 위치하는 방법입니다. 페이지가 로드될 때 특정 입력 필드에 자동으로 포커스를 맞추는 방법은 HTML의 autofocus 속성을 사용하는 것입니다. 이를 통해 사용자가 즉시 키보드 입력을 할 수 있어 편리함을 제공합니다. autofocus 속성 사용하기 HTML 코드 : HTML 코드에서 태그에 autofocus 속성을 추가하면 페이지 로드 시 해당 입력 필드에 자동으로 포커스가 맞춰집니다. HTML 예시 : Username: Password: 2024. 4. 16. select box에서 선택할 수 없는 항목 만들기 / option 선택 안되게 비활성화/ disabled, selected 웹 개발을 하다 보면, 사용자가 선택할 수 없도록 특정 옵션을 비활성화해야 할 때가 있습니다. HTML의 태그 내에서 이를 구현할 수 있는 방법에 대해서 알아보겠습니다. select box의 option 태그의 disabled, selected 속성 사용하기 태그를 이용해서 아래와 같은 선택 박스를 만들었을 때 "회원 종류를 선택해주세요."라는 문구를 자동적으로 보여주기 위해서는 option의 selected 속성을 사용합니다. 이때, 발생하는 문제는 "회원 종류를 선택해주세요."가선택해 주세요."가 선택되어 submit 되면 데이터베이스에 "회원 종류를 선택해 주세요."가 저장되는 문제가 발생했습니다. 이러한 경우를 해결 하는 방법입니다. 아래는 HTML의 예입니다. 회원 종류를 선택해주세요. 개인 단.. 2024. 3. 24. <a>와 <button>의 속성 / a태그에서 onclick 사용 / button태그에서 href 사용 / href, onclick, target, type 태그와 태그 등에서 클릭 시 URL 주소로 이동 경로를 넘기는 방법도 있지만, Script를 사용하여 함수를 호출하여 이동하거나, Ajax를 사용하는 방법, 페이지 내에서 화면의 위치를 이동하거나, 클릭 시에 스크립트 문을 실행할 수도 있습니다. 태그와 태그에서 사용되는 속성과 사용방법에 대해서 알아보겠습니다. 태그 태그는 앵커(anchor) 닻을 뜻합니다. url을 연결하기 위한 목적으로 사용되며, 하이퍼링크를 연결해 주는 태그로 인터넷주소와 동영상, 이미지, 음악, 그림 등의 특정 위치로 지정할 수 있습니다. href와 target 속성이 있으며, href 속성은 클릭 시 이동할 링크를 값으로 가질 수 있고, target은 href의 링크로 이동하는 방법 지정하는 속성으로 _self, _blank, .. 2024. 3. 19. 이전 1 다음 반응형
