加载中…【DW小技巧】鼠标点击文本框内文字就消失/选中/跳转
(2012-05-03 13:01:28)
标签：
杂谈 |
分类： DW相关 |
1.鼠标点击文字消失：
<input name="textfield" type="text" value="点击文字消失" size="12" onclick="value='';focus()" />
<input name="textfield" type="text" value="点击文字消失" size="12" onclick="value='';focus()" />
2.鼠标点击文字选中：
<input name="textfield" type="text" value="点击文字选中" onclick="focus();select()" />
<input name="textfield" type="text" value="点击文字选中" onclick="focus();select()" />
3.鼠标悬浮文字变色选中、焦点消失
<input name="key" type="text" id="key" value="关键词" onmouseover=this.focus();this.select(); onclick="if(value==defaultValue){value='';this.style.color='#000'}" onBlur="if(!value){value=defaultValue;this.style.color='#999'}"/>
4.鼠标点击按钮跳转
<inputtype="button"
value="提交" onclick="location.href='#'"
style="cursor:pointer"/>
<input name="key" type="text" id="key" value="关键词" onmouseover=this.focus();this.select(); onclick="if(value==defaultValue){value='';this.style.color='#000'}" onBlur="if(!value){value=defaultValue;this.style.color='#999'}"
4.鼠标点击按钮跳转
<input
喜欢
0
赠金笔