[HTML] input box에 default 값 설정, <input value='노출텍스트'>

input box에 default text 값 설정

💡 Example

<input type="text" value="노출텍스트">

 

💡 Result

 

---

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

 

💡 Result