精灵巫婆 发表于 2015-1-16 00:26:52

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(//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:54

在刚开始接触网页的第一堂课上,听说网页制作会是一门很无聊并且很难听懂的过程,而事实却印证了这样一个事实。

谁可相欹 发表于 2015-1-25 23:10:43

滚动条)层属性--溢出(visible/hidden/scroll/auto)

只想知道 发表于 2015-2-4 13:35:25

还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。

兰色精灵 发表于 2015-2-10 00:09:31

滚动条)层属性--溢出(visible/hidden/scroll/auto)

灵魂腐蚀 发表于 2015-2-28 10:56:23

还是在Dreamweaver所见即所得添加链接是,可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。

因胸联盟 发表于 2015-3-9 22:59:37

Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。

再见西城 发表于 2015-3-17 03:10:24

Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。

若相依 发表于 2015-3-17 03:10:24

由CS4 版本开始,则转用WebKit 排版引擎(亦即Google Chrome和Apple Safari浏览器所用的排版引擎)作为网页预览。

精灵巫婆 发表于 2015-3-23 18:10:37

我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。
页: [1]
查看完整版本: CSS教程之网页表单项Input的初级限定级用法