[英]onblur and onfocus Help - Javascript function alternative
I would like to know how i would replace my onblur / onfocus HTML code with a Javascript function and also perform the same technique to a select option. 我想知道如何用Javascript函数替换onblur / onfocus HTML代码,并对选择选项执行相同的技术。
Code example: 代码示例:
<table>
<tr><td>
<label for="firstname">*Firstname:</label>
<input type="text" name="udetail" id="firstname" value="(e.g. John)"
onblur="if(this.value == '') { this.style.color='#999'; this.value='(e.g. John)'}
{this.style.border='1px #bbb solid'}" onfocus="if (this.value == '(e.g. John)')
{this.style.color='#000'; this.value=''}" tabindex="1" />
</td></tr>
<tr><td>
<label for="where">*How did you hear about us:</label>
<select size="1" name="udetail" id="where" class="input"
tabindex="7" />
<option value="blank">Select</option>
<option value="ampdj">AMPdj</option>
<option value="bing">Bing</option>
<option value="google">Google</option>
<option value="pastfunction">Past function</option>
<option value="recomended">Recomended</option>
<option value="yell">Yell</option>
<option value="other">Other</option>
</select>
</td></tr>
</table>
Thanks, Scott 谢谢,斯科特
如果不严格要求您在此类次要ui元素中支持旧版浏览器,则建议您使用输入标签的HTML5占位符属性:
<input type="text" placeholder="(e.g. John)" />
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.