0
onFocus 및 onBlur 속성을 사용하여 검색 상자의 스타일을 지정하려고하지만 원하는 결과를 얻지 못했습니다. 여기에 내가, 그 다음 onfocus 및 비트 작동 및 onblur 속성에 대한 조건을 설정하지 않으면 내 HTML 코드onBlur 속성이 조건과 함께 작동하지 않습니다.
<form action="index.php" method="post" class="search">
<input name="searchword" id="mod_search_searchword" maxlength="20"
type="text" size="30" value="Search..."
onblur="if(this.value=='') {this.value='Search...'; this.className='search-default';}
elseif(this.value!='' && this.value!='Search...') {this.className='search-userinput';}"
onfocus="if(this.value=='Search...') {this.value=''; this.className='search-userinput';}
else {this.className='search-userinput';}" class="search-userinput">
<input type="hidden" name="option" value="com_search">
<input type="hidden" name="task" value="search">
</form>
,하지만 난 모두 작동해야합니다. 내가 가진 해결책은 무엇입니까?
<script>
function setb(obj)
{
if(obj.value=='')
{obj.value='Search...'; obj.className='search-default';}
else if(obj.value!='' && obj.value!='Search...')
obj.className='search-userinput';
}
function setf(obj)
{
if(obj.value=='Search...')
{obj.value=''; obj.className='search-userinput';}
else
obj.className='search-userinput';
}
</script>
<form action="index.php" method="post" class="search">
<input name="searchword" id="mod_search_searchword" maxlength="20"
type="text" size="30" value="Search..."
onblur="setb(this)"
onfocus="setf(this)" class="search-userinput">
<input type="hidden" name="option" value="com_search">
<input type="hidden" name="task" value="search">
</form>
을 우리는 elseif
을 해달라고 :
인라인으로 쓰지 마세요. (Java **는 JavaScript btw가 아닙니다.) – lifetimes
[Java와 Javascript의 차이점은 무엇입니까?] (http : //www.htmlgoodies. com/beyond/javascript/article.php/3470971/Java-vs-JavaScript.htm) –
태그 안에 코드를 인라인으로 고정하는 대신 js 함수를 작성하면 읽기가 쉬워 질 것입니다. – zargarf