본문 바로가기 메뉴 바로가기

Happy things are always here! ꔷ̑◡ꔷ̑

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

Happy things are always here! ꔷ̑◡ꔷ̑

검색하기 폼
  • 전체보기 (58)
    • JavaScript (19)
    • Typescript (1)
    • React (6)
    • php (12)
    • Codeigniter (3)
    • MySQL (1)
    • MongoDB (3)
    • HTML (3)
    • CSS (2)
    • Ajax (3)
    • Jquery (1)
    • Library (3)
    • Github (1)
  • 방명록

html input (2)
[HTML] input 태그 placeholder 속성 바꾸기

input 태그 안의 placeholder의 폰트나 폰트 크기, 색상을 바꿔야 할 때가 있는데요, input에다가 아무리 스타일을 줘봤자 placeholder는 바뀌지 않습니다. 어떻게 해결해야 할까요? 너무 간단해서 코드 블럭을 사용할 필요도 없네요^^;; input::placeholder{} input 태그 뒤에 콜론을 두개 붙이고 placeholder 뒤에 스타일 속성을 지정하면 됩니다. input::placeholder{ font-size: 20px; color: red; }

HTML 2021. 10. 13. 16:30
[HTML] input 태그 클릭 시 placeholder 내용 숨기기

input 태그를 사용할 때 태그 부분을 클릭하면 placeholder 내용이 사라지고 커서가 생기고, 다시 태그 밖을 클릭하면 placeholder 내용이 생기는 걸 구현해보겠습니다. 구글링 해보니 스크립트로 구현하시는 분이 많으시던데, 스크립트 없이 html 태크 안에서 해결하는 방법을 찾았습니다. 간단하게 onfocus, onblur 속성을 이용해 해결했습니다.

HTML 2021. 10. 13. 16:23
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • JS session
  • curl.cainfo 에러
  • 자바스크립트 세션
  • http 접속 시 https 리다이렉션
  • JS url 파라미터
  • JavaScript
  • php rand()
  • react restful API
  • curl ssl 인증서
  • curl.cainfo 적용
  • fetch post 데이터 전송
  • AJAX
  • html input
  • php 게시판
  • react fetch
  • curl ssl 인증서 다운로드
  • php composer 설치
  • php mysql 랜덤 숫자
  • HTML
  • 자바스크립트
  • php composer
  • fetch get post 전송
  • 자바스크립트 url 파라미터 추출
  • curl.cainfo
  • 카톡 링크 공유 썸네일
  • 링크 공유 시 썸네일
  • 링크 공유 시 정보 수정
  • input placeholder
  • php mongodb
  • JS 시계 기능
more
«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바