[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">
<예제 미리보기>
'▶ 유용한 블로그 > 사소한강좌' 카테고리의 다른 글
| [엑셀] 유령문자 삭제하는 방법 (Alt+160 활용) (11) | 2014.02.24 |
|---|---|
| [엑셀] 년월일 사이에 마침표 구분하기 (8) | 2013.11.23 |
| [사운드포지] PC에서나오는 소리를 녹음하기 (3) | 2013.11.17 |
| [HTML] input type="text" 간단히 알아보기 (1) | 2013.11.03 |
| [엑셀] 엑셀의 바꾸기 기능 Ctrl + H 전문가 되기 (4) | 2013.09.27 |
| [오피스] MS 워드 문서작성시간 단축하기 팁 (0) | 2013.09.01 |
| [엑셀] 엑셀 중복데이터 삭제하기 - 중복된항목제거 기능 (2) | 2013.08.02 |
- Comments
.png "빨간꿈을꾸다(reddreams)")
인풋박스 상태에서 눌렀을때 여기에 입력이 뜨지 않 인풋박스가 사라지면서 바로 글을 입력할 수 있게 하는 방법좀 알고 싶습니다