• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

轻松玩转花样表单(四)常用技巧_html

html 搞代码 7年前 (2018-06-15) 189次浏览 已收录 0个评论

四、表单的常用技巧

  这些常用技巧,往往是和事件以及脚本联系在一起,本文注重功能,至于脚本,就不一一详细分析。常见的技巧有:下拉跳转菜单,表单内容的聚焦。

  1.下拉跳转菜单

  在Dreamweaver中,可以很方便地建立基于表单的下拉菜单,为了兼顾非Dreamweaver用户,这里讲述一下这种技巧。

 样例22
:基于表单的下拉跳转菜单

  分析:实际上,这里用到了一个函数,用于向选择的地址跳转,

<script language=”JavaScript“>
function FormMenu(targ,selObj,restore){
eval(targ+”.location='”+selObj.options[selObj.selectedIndex].value+”‘”);
if (restore) selObj.selectedIndex=0;
}
</script>

  然后,给下拉选择框赋予一个事件,就可以了。

  2.表单内容的聚焦

  内容聚焦,常用在Copy&Paste类网站上,用的好的话,可以方便用户。

 样例23
:内容自动聚焦

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址