로고 이미지

고정 헤더 영역

글 제목

메뉴 레이어

로고 이미지

메뉴 리스트

  • 홈
  • 태그
  • 방명록
  • 분류 전체보기 (170)
    • 1️⃣ 사업 인사이트 & 트렌드 💡 (79)
      • 업계 트렌드 (22)
      • 스타트업 사례 분석 (25)
      • 비즈니스 전략 (31)
    • 2️⃣ 프로젝트 & 실험실 🛠 (28)
      • 진행 중인 프로젝트 (1)
      • 신규 아이디어 실험 (4)
      • 개발 과정 & 피드백 (5)
      • Keypie (12)
      • Fav's GIF (0)
      • if-dev (6)
    • 3️⃣ 목표 & 성과 기록 🎯 (11)
      • 월별 목표 & 진행 상황 (1)
      • 성과 & 피드백 (2)
      • 팀 이야기 (8)
    • 4️⃣ 창업 & 운영 노하우 🏆 (24)
      • 자금 조달 & 투자 (12)
      • 마케팅 & 브랜딩 (3)
      • 운영 & 프로세스 개선 (2)
    • 4️⃣ DEV TIP (27)
      • SEO (2)
      • Bubble.io (22)

검색 레이어

로고 이미지

검색 영역

컨텐츠 검색
[Bubble Tips | 회원가입 3탄] 코드없이 Floating Label 구현하기

Floating Label이란?사용자가 입력 필드에 포커스를 주거나 값이 입력되었을 때,기존 placeholder가 위로 올라가면서 작은 라벨(label)로 변하는 효과입니다.      일반적인 Placeholder만 사용할 경우, 사용자가 입력을 시작하면 Placeholder가 사라지기 때문에입력 중에 필드의 목적을 잊어버릴 수 있는 문제가 발생합니다. 이런 문제는 사용자 경험을 해칠 수 있으며, 특히 로그인, 회원가입 같은 중요한 폼에서는 잘못된 입력을 유도할 위험도 있습니다.   Floating Label을 사용하면 입력 필드의 목적을 항상 유지하면서도공간을 절약하고 깔끔한 디자인을 유지할 수 있습니다.     코드없이 Floating Label 구현하기 Step 1텍스트와 인풋을 한 그룹에 배치하..

4️⃣ DEV TIP/Bubble.io 2025. 2. 27. 08:15

추가 정보

인기글

최신글

페이징

이전
1
다음
iFINITY Website
노코드 - 버블 외주 개발사 | 이피니티 © (주)이피니티
페이스북 트위터 인스타그램 유투브 메일

티스토리툴바