玩转表单之花样表单

    表单外观的美化

  很多时候,我们仅仅为了实现数据采集这个功能来使用表单,常看到的表单都是“千人一面”、毫无生气,本专题尝试着来改变这一现象,试图赋予表单一个丰富多彩的面貌。
表单的外观,也是最为直接的花样,可以通过改变它来实现特效,本文分两个出发点来讲述:CSS魔法和图像魔法。

  1、CSS魔法

CSS,就是大家知道的层叠样式单,它可以定义页面元素的外观,包括字体样式、背景颜色和图像样式、边框样式、补白样式、边界样式等等,下面就从这几个方面出发,讨论怎样将CSS应用到表单中,彻底美化它!

  1.1 字体样式的应用

  字体样式包括:字体族科(font-family)、字体风格(font-style)、字体变形(font-variant)、字体加粗(font-weight)、字体大小(font-size)、字体(font),具体的定义方法,在这里不详细讲述,可以参考它的资料。
  也许你已经注意到,按钮上的文字不漂亮,其实可以通过CSS字体样式来解决,同样地,其它的几个涉及到文字的表单项,例如,文本框、多行文本框、口令框、下拉选择框都可以应用字体样式。
  为了充分展示这些应用,下例特别设计了几种样式,在实际应用中,不必这么凌乱,灵活运用:

时间: 2024-09-21 10:54:10

玩转表单之花样表单的相关文章

轻松玩转花样表单(二)花样表单

二.表单外观的美化 很多时候,我们仅仅为了实现数据采集这个功能来使用表单,常看到的表单都是"千人一面".毫无生气,本专题尝试着来改变这一现象,试图赋予表单一个丰富多彩的面貌.表单的外观,也是最为直接的花样,可以通过改变它来实现特效,本文分两个出发点来讲述:CSS魔法和图像魔法. 1.CSS魔法 CSS,就是大家知道的层叠样式单,它可以定义页面元素的外观,包括字体样式.背景颜色和图像样式.边框样式.补白样式.边界样式等等,下面就从这几个方面出发,讨论怎样将CSS应用到表单中,彻底美化它!

轻松玩转花样表单(一)表单概述

本专题从最基础的表单知识,到表单的高级应用,让你有一个比较全面地认识,相信你在读完本专题以后,一定会对表单非常熟悉.一.表单概述 表单,在网页中的作用不可小视,主要负责数据采集的功能,比如你可以采集访问者的名字和e-mail地址.调查表.留言簿等等.1.表单的组成 一个表单有三个基本组成部分: 表单标签:这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法. 表单域:包含了文本框.密码框.隐藏域.多行文本框.复选框.单选框.下拉选择框和文件上传框等. 表单按钮:包括提交按钮.

Web表单设计:表单结构

你是否曾为表单设计感到过沮丧或不知所措呢?接下来三篇文章,希望能彻底改变你的看法,真正爱上Web表单设计.首先感谢Luke Wroblewski的帮助,让我有机会细心品味设计表单的乐趣.总体来说,Web表单主宰着结算.注册和数据输入.每天eBay.Taobao上的大量物品主要通过出售物品(Sell Your Item)表单售出:MySpace.Facebook等超过几亿的用户都是通过Web表单加入网站社区的:YouTube.Youku通过上传视频(Upload Your Video)表单收集了大

js校验表单后提交表单的三种方法

本篇文章主要是对js校验表单后提交表单的三种方法进行了总结介绍,需要的朋友可以过来参考下,希望对大家有所帮助 第一种:  代码如下: <script type="text/javascript">          function check(form) {             if(form.userId.value=='') {                 alert("请输入用户帐号!");                 form.us

asp.net-订单表和订单详情表需要创建哪些信息的记录

问题描述 订单表和订单详情表需要创建哪些信息的记录 各位大神,本人最近在做一个关于校园零食网的网站ASP.NET项目实训,之前没有开发的经验, 因此在数据库中的创建中存在这一些问题,想请教下大神们关于数据库的一些问题.订单表和订单详情表中需要添加的哪些字段和记录,本人创建的表如下: --======================创建订单表===================-- create table [dbo].Orders not null,--下单人姓名 [Address] nvar

语句-SQL 列名是requetID(单号) 表名(product)

问题描述 SQL 列名是requetID(单号) 表名(product) 如何能实现当查找requestID单号不存在时 添加这条单号 ,当单号存在删除这个单号在添加 SQL语句怎么写呀 请各位大神帮帮忙 代码怎么写 解决方案 如果你用代码写,就是分几步,一步步走,先判断,然后再插入,删除 你还可以写个存储过程,里面也一样是先判断,在做事 当然你还可以写比较复杂的sql,用exsist判断 解决方案二: 直接delete掉,然后再执行insert操作就好了,反正存在不存在你都要执行删除操作,就不

js校验表单后提交表单的三种方法总结

作者: 字体:[增加 减小] 类型:转载 时间:2014-02-28 本篇文章主要是对js校验表单后提交表单的三种方法进行了总结介绍,需要的朋友可以过来参考下,希望对大家有所帮助 第一种: 复制代码 代码如下: <script type="text/javascript">          function check(form) {           if(form.userId.value=='') {                 alert("请输入

C#实现单链表(线性表)完整实例_C#教程

本文实例讲述了C#实现单链表(线性表)的方法.分享给大家供大家参考,具体如下: 顺序表由连续内存构成,链表则不同.顺序表的优势在于查找,链表的优势在于插入元素等操作.顺序表的例子:http://www.jb51.net/article/87605.htm 要注意的是,单链表的Add()方法最好不要频繁调用,尤其是链表长度较长的时候,因为每次Add,都会从头节点到尾节点进行遍历,这个缺点的优化方法是将节点添加到头部,但顺序是颠倒的. 所以,在下面的例子中,执行Purge(清洗重复元素)的时候,没有

lotus 根据 条件判断 是否隐藏表单中的子表单 是否能实现

问题描述 各位大虾:我是新手,我现在需要实现一个功能.在一个文档编辑的表单上根据当前文档处理状态判断是否给此人显示此篇文档.此篇文档是嵌入到表单中的子表单.请问我如何实现谢谢了. 解决方案 解决方案二:选中插入子表单的段落,选择"文本"--"文本属性",在"段落隐藏"副签中,填入你的隐藏条件的公式解决方案三:子表单采用按公式插入子表单的方式就可以了,在子表单的计算值那里去判断是否采用你要的子表单