2011-05-16 4 views
0

이전에 사용자가 고려중인 필드를 클릭 할 때 자동으로 지워지는 텍스트 필드 (html 양식 필드)에 힌트를 표시하는 방법에 대한 질문이있었습니다. 마찬가지로 필드에 포커스가있을 때 사용자가 수동으로 문자를 삭제하지 않아도 양식 안의 힌트가 지워집니다.HTML 양식 필드에 힌트의 서식을 지정하는 방법은 무엇입니까?

주어진 솔루션을 (그것은 완벽하게 작동) -

<input onfocus="if (this.value=='search') this.value = ''" type="text" value="search"> 

지금 내 질문에, 당신은 힌트로 표시되는 텍스트의 서식을 어떻게 (이 경우 "검색")입니다. 서식을 지정하면 특정 색상 및 글꼴 유형으로 표시되기를 원합니다.

css- 색을 사용하여이 미리로드 된 힌트가없는 다른 필드에도이 작업을 수행 할 수 있습니다. # 123123; font-family : calibri;

감사합니다.

+0

http://jsfiddle.net/fxxp4/ 반드시 .. 그들은 입력 상자 안에 텍스트를 포맷하지 않는 방법, 힌트를 포맷하는 방법을 요구하지 않습니다. 힌트 "검색"이 희미 해지기를 원한다면 사용자가 일반 글꼴로 입력하는 것은 무엇입니까? –

답변

0

input 요소의 내용 (값)에 대한 스타일을 지정해야합니다.

이에 대한 일반 CSS를 사용할 수 있습니다

input { 
    color:#123123; 
    font-family:Calibri; 
} 

작동 예 :

관련 문제