JS

2012-02-20 3 views
4

로 자리를 설정하는 방법이 바이올린에서 봐 주시기 바랍니다 :JS

http://jsfiddle.net/KA85s/3/

JQ-UI는 기본적으로 첫 번째 옵션을 설정합니다. 나는 그것이 일어나기를 원하지 않습니다 : 대신 HTML5 자리 표시자를 설정하고 싶습니다.

이러한 JS 생성 입력에 대해 어떻게 HTML 5 자리 표시 자 (처음 사용할 수있는 <option> 대신)를 설정할 수 있습니까?

enter image description here

+2

질문에 관련 코드를 포함하십시오. –

+0

@JamesMontagne JSfiddle 링크를 배치했습니다. 코드가 큽니다. 아무도 라이브 예제없이이 질문을 읽을 것입니다. – heron

+1

나는 jsfiddle을 제거해야한다고 말하지는 않았지만, 질문 내에서 관련 ** 코드를 포함시키는 것이 일반적으로 유용합니다. jsfiddle이 존재하지 않는다면, 질문은 여전히 ​​다른 사람들에게 유용 할 것입니다. –

답변

1

는 @Mohamed 멜리은 동일한 솔루션과 함께

내가 다른 뭔가를 사용하지만 http://jsfiddle.net/KA85s/8/

.. 어떻게 작동하는지

여기

은 당신의 입력 요소는 그것을 제공하기 위해 사용 jQuery를 함께 작성한다 placholder 속성과 우리가 완료 : D ** UPDATED

**

http://jsfiddle.net/KA85s/19/ 0 는 사용자 정의 기본값을 추가 : D

2

사용 :

input.attr("placeholder", value); 

업데이트 jsfiddle :

난 그냥 당신의 val() 전화를 대체 예에서 http://jsfiddle.net/Meligy/KA85s/5/

은, 분명히, 당신은 완전히에서 일부를 제거 할 수 있습니다 원하는 텍스트로 따로 따로 추가하십시오.

+0

전체 기능을 변경했습니다. #qsubject와 # qsubject2에 다른 자리 표시자를 설정하는 방법은 무엇입니까? – heron

2

를 이것은 당신이 ie7,8,9 완벽한 실행에 내가 테스트 한 크로스 브라우저 호환성 문제없이 필요한 모든 할 것입니다.

<input type="text" value="Search" onfocus="if (this.value == 'Search') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search';}"> 

행운을 빕니다!

+1

그냥 작은 변화도 색상을 변경 : onfocus = "if (this.value == '귀하의 이메일을 입력하십시오) {this.value =' '; this.style.color ='# 333 '}"onblur = "이 (this.value == ') {this.value ='이메일을 입력하십시오; this.style.color = '# BBB'}" –

+1

@Aamir Shahzad : 감사합니다! 이 크로스 브라우저 트릭으로 내 문제를 해결했습니다! 감사! – Alessandro