상세 컨텐츠

본문 제목

[HTML] input type="text" 간단히 알아보기

▶ 유용한 블로그/사소한강좌

by 빨간꿈 reddreams 2013. 11. 3. 03:27

본문

반응형


[HTML] input type="text" 간단히 배우기


오늘은 간단히 인풋박스 소스에 대해서 알아보겠습니다.


인풋박스의 기본 <input type="text">


value 는  박스에 기본으로 노출되는 텍스트


onfocus 즉, 마우스 클릭이 진행되었을때는  value 값이 "여기에입력"으로 변하고 this.style.color 는 red로 변하도록 하였습니다. 추가로 기본 style color를 지정해서 기본 value 값 텍스트의 색을 blue로 지정하였습니다. 



<input type="text" value='인풋박스' onfocus="this.value='여기에입력';this.style.color='red';" style="color:blue">







<예제 미리보기>








반응형

관련글 더보기

댓글 영역

  • 프로필 사진
    2013.12.20 18:10
    안녕하세요
    인풋박스 상태에서 눌렀을때 여기에 입력이 뜨지 않 인풋박스가 사라지면서 바로 글을 입력할 수 있게 하는 방법좀 알고 싶습니다