본문 바로가기
▶ Note/○ 유용한 팁

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

by 빨간꿈 2013. 11. 3.


[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">







<예제 미리보기>








반응형


댓글