仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 1135|回复: 9
打印 上一主题 下一主题

[DIV+CSS] CSS教程之网页表单项Input的初级限定级用法

[复制链接]
精灵巫婆 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 00:26:52 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
一般来说还需要用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:54 | 只看该作者
在刚开始接触网页的第一堂课上,听说网页制作会是一门很无聊并且很难听懂的过程,而事实却印证了这样一个事实。
谁可相欹 该用户已被删除
板凳
发表于 2015-1-25 23:10:43 | 只看该作者
滚动条)层属性--溢出(visible/hidden/scroll/auto)
只想知道 该用户已被删除
地板
发表于 2015-2-4 13:35:25 | 只看该作者
还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。
兰色精灵 该用户已被删除
5#
发表于 2015-2-10 00:09:31 | 只看该作者
滚动条)层属性--溢出(visible/hidden/scroll/auto)
灵魂腐蚀 该用户已被删除
6#
发表于 2015-2-28 10:56:23 | 只看该作者
还是在Dreamweaver所见即所得添加链接是,可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。
因胸联盟 该用户已被删除
7#
发表于 2015-3-9 22:59:37 | 只看该作者
Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。
再见西城 该用户已被删除
8#
发表于 2015-3-17 03:10:24 | 只看该作者
Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
若相依 该用户已被删除
9#
发表于 2015-3-17 03:10:24 | 只看该作者
由CS4 版本开始,则转用WebKit 排版引擎(亦即Google Chrome和Apple Safari浏览器所用的排版引擎)作为网页预览。
精灵巫婆 该用户已被删除
10#
 楼主| 发表于 2015-3-23 18:10:37 | 只看该作者
我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-22 20:03

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表