仓酷云

标题: CSS教程之网页表单项Input的初级限定级用法 [打印本页]

作者: 精灵巫婆 时间: 2015-1-16 00:26
标题: CSS教程之网页表单项Input的初级限定级用法
一般来说还需要用PhotoShop或FireWorks(以下简称PS或FW)等图片处理软件将需要制作的界面布局简单的构画出来。
input初级限定级用法

1.作废按钮按下时的虚线框
　　在input里增加属性值hideFocus大概HideFocus=true

2.只读文本框内容
在input里增加属性值readonly

3.避免退后清空的TEXT文档(可把style内容做做为类援用)
　　<INPUTstyle=behavior:url(#default#savehistory);type=textid=oPersistInput>

4.ENTER键可让光标移到下一个输出框
　　<inputonkeydown="if(event.keyCode==13)event.keyCode=9">

5.只能为中文(有明灭)
　　<inputonkeyup="value=value.replace(/[-~]/g,)"onkeydown="if(event.keyCode==13)event.keyCode=9">

6.只能为数字(有明灭)
　　<inputonkeyup="value=value.replace(/[^/d]/g,)"onbeforepaste="clipboardData.setData(text,clipboardData.getData(text).replace(/[^/d]/g,))">

7.只能为数字(无明灭)
　　<inputstyle="ime-mode:disabled"onkeydown="if(event.keyCode==13)event.keyCode=9"onKeyPress="if((event.keyCode<48||event.keyCode>57))event.returnValue=false">

8.只能输出英文和数字(有明灭)
　　<inputonkeyup="value=value.replace(/[/W]/g,)"onbeforepaste="clipboardData.setData(text,clipboardData.getData(text).replace(/[^/d]/g,))">

9.屏障输出法
　　<inputtype="text"name="url"style="ime-mode:disabled"onkeydown="if(event.keyCode==13)event.keyCode=9">

10.只能输出数字，小数点，减号（-）字符(无明灭)
　　<inputonKeyPress="if(event.keyCode!=46&&event.keyCode!=45&&(event.keyCode<48||event.keyCode>57))event.returnValue=false">

11.只能输出两位小数，三位小数(有明灭)
　　<inputmaxlength=9onkeyup="if(value.match(/^/d{3}$/))value=value.replace(value,parseInt(value/10));value=value.replace(//./d*/./g,.)"onKeyPress="if((event.keyCode<48||event.keyCode>57)&&event.keyCode!=46&&event.keyCode!=45||value.match(/^/d{3}$/)||//./d{3}$/.test(value)){event.returnValue=false}"id=text_kfxename=text_kfxe>
</p>
使页面的字体变得更漂亮，更容易编排，使页面真正赏心悦目。

作者: 若天明 时间: 2015-1-18 06:39
在刚开始接触网页的第一堂课上，听说网页制作会是一门很无聊并且很难听懂的过程，而事实却印证了这样一个事实。

作者: 谁可相欹 时间: 2015-1-25 23:10
滚动条)层属性--溢出(visible/hidden/scroll/auto)

作者: 只想知道 时间: 2015-2-4 13:35
还可以在Dreamweaver常用工具中选择超级链接，完成相应的填写即可。

作者: 兰色精灵 时间: 2015-2-10 00:09
滚动条)层属性--溢出(visible/hidden/scroll/auto)

作者: 灵魂腐蚀 时间: 2015-2-28 10:56
还是在Dreamweaver所见即所得添加链接是，可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。

作者: 因胸联盟 时间: 2015-3-9 22:59
Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH，专业网页图像设计软件FIREWORKS，并称为“网页三剑客”。

作者: 再见西城 时间: 2015-3-17 03:10
Dreamweaver在所见即所得添加链接，也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈，用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。

作者: 若相依 时间: 2015-3-17 03:10
由CS4 版本开始，则转用WebKit 排版引擎（亦即Google Chrome和Apple Safari浏览器所用的排版引擎）作为网页预览。

作者: 精灵巫婆 时间: 2015-3-23 18:10
我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中，我总结了四大定律：兴趣、恒心、虚心、时间。

欢迎光临仓酷云 (http://www.ckuyun.com/)