CSS制作的三款漂亮的网页表单

CSS制作的三款漂亮的网页表单的相关文章

• 
  css制作表单效果

  标签：Web开发

  !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xmlns="http://www.w3.org/1999/xhtml"headmeta http-equiv="Content-Type" content="text/html; charset=utf-8" /titleby 阿会楠 2008-12-4/titlescript language="javascript" type="text/javascript"//js辅助window.onload = function(){ var initleft = 200;// 初始化第...[ 查看全文 ]

  空白记忆ljh

  01
• 
  CSS教程:网页表单设计技巧

  标签：Web开发

  输入框( Input )应当符合逻辑地划分为小组，这样大脑就可以很好的处理大堆区域间的关系。– 《HTML权威指南》 Web 应用程序总是利用表单来处理数据录入和配置，但并不是所有的表单都保持一致。输入区域的对齐方式，各自的标签(label)，操作方式，以及周围的视觉元素都会或多或少影响用户的行为。 表单布局 考虑到用户完成表单填写的时间应当尽可能的短，并且收集的数据都是用户...[ 查看全文 ]

  放大镜系在路上

  31
• 
  CSS设计符合Web标准的网页表单的几个技巧

  标签：Web开发

  本文总结了用div css进行网页表单布局的五个小技巧可以帮助你更灵活的控制表单，使页面更加满意。 1、表单文本输入的移动选择： 在文本输入栏中，如果加入了提示，来访者往往要用鼠标选取后删除，再输入有用的信息。其实只要加入onMouseOver="this.focus()" onFocus="this.select()" 代码到 textarea 中，一切就会变得简单多了，如： textarea name=textarea wrap=virtual...[ 查看全文 ]

  windycool111

  71
• 
  用CSS制作具有亲和力的表单

  标签：Web开发

  对于表单，很常用。但是在web standard建站的时候，他的排版往往让人遗忘，到了真正用到的时候就发现让人头疼，当然我也遇到过。我现在要介绍一个用fieldset/label标签制作漂亮而且具体亲和力的表单的方法。 基本的xhtml h3已注册用户登录/h3 form action="" method="post" name="apLogin" fieldset legend用户登录/legend div label for="Name"用户名/label ...[ 查看全文 ]

  蜜芽妈咪

  01
• 
  CSS制作漂亮的灵活的图表

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  有很多方法可以用来呈现数字, 我们最常用的就是制作一张静态图片. 但你也可以考虑CSS。使用CSS样式化元素来实现数据图表化. 可以使数据的控制更具灵活性。 下面. 你将看到8个CSS技巧. 教你如何使用CSS来制作漂亮、灵活的图表。 1. CSS线条图表数据 这个实例包含了三种图形数据的实现方法。上面的Basic Bar Graph实例中使用了一个div包含图表. 一个strong元素作为柱形的block. 然后再使用百分比来控制柱形...[ 查看全文 ]

  12227521

  01
• 
  网页制作：CSS的常用技巧放送

  标签：Web开发

  CSS的常用技巧放送(一) 一.使用css缩写 使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》，这里就不展开描述。 二.明确定义单位，除非值为0 忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width=100，但是在CSS中，你必须给一个准确的单位，比如：width: 100px width:100em。只有两个例外情况可以不定义单位：行高和0值。除此以外，其...[ 查看全文 ]

  ok吊毛的故事

  01
• 
  网页制作之学习CSS的理由

  标签：Web开发

  作为一个热门技术，CSS的发展的确有些缓慢。CSS最早被提议在1994年，最早被浏览器支持在1996年，CSS一直被力捧为传统的以HTML为基础的web代码的继承者。CSS使用样式表来控制整个站点字体和布局的能力,使它看起来非常有效率、易于设计和有远见。然而，也一直有荒诞的说法围绕着CSS，阻碍了网页设计师学习和掌握这种语言。究竟是什么让人们大惊小怪呢？ 我们访问了大学教师Christopher Schmitt，他...[ 查看全文 ]

  qianshuipangge

  21
• 
  Html:使用表单制作网页的五点技巧

  标签：Web开发

  想必大家在页面都使用过表单，如果你对单调的表单控制单元不满意，不妨看看以下几条技巧： 1、表单文本输入的移动选择：在文本输入栏中，如果加入了提示，来访者往往要用鼠标选取后删除，再输入有用的信息。其实只要加入onMouseOver="this.focus()" onFocus="this.select()" 代码到 textarea 中，一切就会变得简单多了，如： textarea name=textarea wrap=virtual rows=2 cols=22 onMouseOver="thi...[ 查看全文 ]

  搜搜推广188

  21
• 
  网页制作学习：用CSS创建三栏页布局

  标签：Web开发

      三栏布局是目前最常见的网页布局，主要页内容放在中间一栏，边上的两栏放置导航链接之类的内容。基本布局一般是标题之下放置三栏，三栏占据整个页面的宽度，最后在页的底端放置页脚，页脚也占据整个页面宽度。     绝大多数网页设计者都熟悉传统的网页设计技术，用这些技术可以生成带有表格、创建固定宽度布局或者“液态”（它可以根据用户浏览器窗口宽度自动伸缩）布局...[ 查看全文 ]

  謎途丘比特

  61
• 
  使用CSS制作网页的15条常识

  标签：Web开发

  首先大家应该明白，使用DIV+CSS做网页排版不是换个标签然后再去按照表格的方式去排版，而是需要做到网页制作的内容与表现的分离。 1: ID 用于标识页面单独元素以及持久行的结构性元素 方便JS的调用，类用于标识同一页面可重复定义使用的结构性元素 ID与类的命名需与表现形式无关 ：leftContent 而使用有意义的定义方式：sideBar等等。命名方式遵循“驼峰式大小写（标志符由多个单词组成 除首词首字母小写外...[ 查看全文 ]

  拿刀不砍跳鞋闪

  11
• 
  CSS让网页里的提交按钮变得更漂亮

  标签：Web开发

        1、把按钮的背景由灰色变成黄色，下面是代码： 〈form method="POST"〉 〈input type="button" value="按钮" name="B1" style="background-color: rgb(255,255,0)"〉 〈/p〉 〈/form〉 2、把按钮文字的颜色变成红色，字体变成楷体，代码如下： 〈form method=&quo...[ 查看全文 ]

  少女与男囚

  341
• 
  Div+CSS网页制作误区

  标签：Web开发

  “重构”的春风吹遍大江南北，互联网一时间风声鹤唳，“div+CSS”俨然已成为一种“时尚”，难以尽数的网站都不约而同地开始了自己的“重构”。然而打开这形形色色网站的源代码，却时常令人哑然失笑—— 我们看到有嵌套6、7层的div布局，有不用table的表格，有纯div+a构成的页面，有成百上千的表现层class……现在关于标准的书籍越来越多，除了少数几本标榜“高级技巧”的书籍以外，很少有人不会在自...[ 查看全文 ]

  iceonly666

  01
• 
  如何学习DIV CSS制作网页

  标签：Web开发

  我接触的很多人都问，如何学习Web标准制作网页呢？我想每一个刚刚接触web标准的人都会问这样的问题，我就根据自己的经验总结。 1.不要一味使用DW等工具设计网页，去熟悉(X)HTML语言和CSS语言 因为web标准对代码的要求提高了，没有对xhtml代码没有一定的了解是无法通过校检的。DW工具也可以使用，但是要看着代码写网页了。 首先是xhtml代码，不是很多，知道他们如何使用，怎么正确书写，而...[ 查看全文 ]

  鸣1165

  01
• 
  纯CSS制作的网页中的lightbox效果

  标签：Web开发

  “Lightbox”是一个别致且易用的图片显示效果，它可以使图片直接呈现在当前页面之上而不用转到新的窗口。lightbox效果网络上有很多js版本的介绍。不过都下载一个lightbox的js小则几十K，大则上百K。如果你只是需要一个类似Lightbox的效果，这种百分之百纯CSS制造，不含js的办法倒是可以试试。 以下是引用片段： !DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" html   &nbs...[ 查看全文 ]

  czq111012

  71
• 
  Flash表单制作实例集锦(三)

  标签：flash教程

  第2节 存储及查阅信息 所有  在此表单中,用户可以事先往表单中添加多条信息,然后可以在所添加的信息中查找特定的信息项,该表单的最终效果分别如图2.1和图2.2所示; 图2.1 表单的输入信息界面 图2.2 表单的查询信息界面 1.首先启动Flash,新建一个影片,设置影片舞台大小为400px*300px(单位为象素),影片背景色为浅蓝色,颜色代码为#CCCCFF. 2.首先来制作表单中要用到的三个按钮,分别为后退按...[ 查看全文 ]

  lutao180

  61
• 
  用css制作表单并体验亲和力

  标签：Web开发

  对于表单，很常用。但是在web standard建站的时候，他的排版往往让人遗忘，到了真正用到的时候就发现让人头疼，当然我也遇到过。我现在要介绍一个用fieldset/label标签制作漂亮而且具体亲和力的表单的方法。 基本的xHTML: h3已注册用户登录/h3  form action="" method="post" name="apLogin" id="apLogin"  fieldset   legend用户登录/legend   div    label for="Name"用户...[ 查看全文 ]

  努力吧骚年love

  41
• 
  CSS实战：用dl、dd、dt做一个网页表单

  标签：Web开发

  昨天做了个表单，依旧用table来布局，因为个人感觉table布局表单是不错的（追求div重构，不等于完全抛弃table）。 今天早上起来，想想还是换种方式来做表单的布局。于是便选种了dl、dd、dt，如下： XHTML部分： dl dt公司名称：/dt ddinput name="text" type="text" value="广州骏宝实业有限公司" size="50" / span class="red"*/span/dd dt公司工业类别：/dt ddselect name="select"option计...[ 查看全文 ]

  wgahjl

  151
• 
  xhtml css网页制作问题的解决方法

  标签：Web开发

  xhtml css页面制作过程中问题的解决方案，说是解决方案应该有点过了，充其量只不过是给刚刚开始学标准页面制作的朋友们的一些小建议，如果讲得不对的地方请多多包涵，当然也可以提出你们更好的方法，大家相互学习交流，共同成长！ 无论是谁，在制作页面的过程都是会碰到这样或者那样的问题，出了问题就肯定要解决。解决问题的前提是要知道问题出在什么地方，对于新手来说不一定一看到问题就知道问题出在哪里...[ 查看全文 ]

  Xy翠儿

  41
• 
  CSS制作网页实例：用CSS控制li标记样式

  标签：Web开发

  list-style-type版本：CSS1/CSS2 兼容***：IE4+ NS4+ 继承***：有 语法： list-style-type : disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none | armenian | cjk-ideographic | georgian | lower-greek | hebrew | hiragana | hiragana-iroha | katakana | katakana-iroha | lower-latin | upper-latin 参数： disc : CSS1 实心...[ 查看全文 ]

  逸风309

  121
• 
  Fireworks教程：设计制作漂亮网页的过程

  标签：设计

  总有人在那里炫耀自己的ps(photoshop)技术，好象是平面就要用ps做，结果很多做网页的设计师也用ps做平面图然后切割导图，再做网站，今天我就来说说用fireworks一样可以做出好的网页设计，只要你有心! 先看最终效果图: 总有人在那里炫耀自己的ps(photoshop)技术，好象是平面就要用ps做，结果很多做网页的设计师也用ps做平面图然后切割导图，再做网站，今天我就来说说用fireworks一样可以做出好的网...[ 查看全文 ]

  mynameis009

  41