表单默认值与交互处理
在表单设计中,利用 value 属性配合事件监听可以实现友好的占位提示效果。对于普通输入框,设置初始 value 后,通过 onfocus 清空内容,onblur 恢复默认值即可。
<form action="">
<input type="text" class="name" value="姓名 Name" onfocus="this.value='';" onblur="this.value='姓名 Name'" />
<input type="submit" class="sublime" value="提交"/>
</form>
需注意,<textarea> 标签没有 value 属性,其内容直接写在标签之间。因此处理逻辑需改为判断当前文本是否为空或默认提示语:
<textarea class="words" onfocus="if(value=='请输入您需要留言的内容'){value=''}" onblur="if (value ==''){value='请输入您需要留言的内容'}">请输入您需要留言的内容</textarea>
链接触发 JavaScript 的规范写法
在 <a> 标签中调用 JS 函数时,为避免页面跳转或刷新,推荐以下几种写法。核心在于阻止默认行为并执行脚本:
<a href="javascript:void(0);" onclick="js_method()">
< = =>

