发新话题
打印

实用表单控制

实用表单控制

前端时间,处于不稳定期,再换工作,耽搁了好久,这个板块一直没有时间打理,现在重新搞起来
先讨论个和php息息相关的东西,form表单,大家可以将自己认为很实用的表单控制东西
我先起个头,一定要经典的哦,方便大家收藏!
复制内容到剪贴板
代码:
一个表单文本框聚焦的代码,鼠标移上去自动选中,比较适合搜索框
<form name="name1" method="post" action ="#">
<input type="text" value="test" autocomplete="off" name="s" onmouseover="this.focus()" onfocus="this.select()" accesskey="c" >
</form>
复制内容到剪贴板
代码:
简单分析:
1.autocomplete="off" 关闭自动填充,在ie的设置里面是有一个自动填充表单的功能,加上这个,就是禁止这个功能
2.onmouseover="this.focus()" 当鼠标移过去之后,将焦点集中在文本框这里,
3.onfocus="this.select()" 当文本框聚焦后,这个紧跟着上面那个执行,选中文本框中的内容
4. accesskey="c" 这个我以前好像说过,就是快捷键 alt+c 自动聚集这个文本框!
等我挣了100万我就找个人娶了!哈哈!

TOP

顶下了啊 !

[一点点启发吧,还是要谢谢leo,在此也奉献自己的修改后的代码
复制内容到剪贴板
代码:
代码
<form>
<input  type="radio" name="autoclosenew" value="0"  checked="checked" onclick="this.form.autoclose1.style.display='none';">不想看到你<br />
<input type="radio" name="autoclosenew" value="1"  onclick="this.form.autoclose1.style.display='block';">好想看看啊<br />
<input type="text" size="30" value="www.wt999.com"  style="display:none" name="autoclose1" onmouseover="this.focus()" onfocus="this.select()" >
</form>
备注:根据选项判断是否显示某个表单!

[ 本帖最后由 netstudy 于 2008-1-23 22:46 编辑 ]

TOP

收藏了

好东西,大家一起补充阿

TOP

发新话题