H : T : M : G : A : W

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

Posted at 2013. 11. 3. 03:27 | Posted in ▶ 유용한 블로그/사소한강좌


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







<예제 미리보기>








    Comments

티스토리 댓글


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

Name __

Password __

Link (Your Website)

Comment

SECRET