玩转表单之花样表单（2）
作者：佚名 发布时间：2011-04-25 19:17:00
1.2 背景颜色和图像样式的应用
有很多时候，网页由于颜色的搭配，不得不对表单的背景颜色和图像样式进行设计，背景颜色利用background-color属性，背景图像利用background-image属性，颜色和图像同样能够得到意想不到的效果。
样例13： 表单元素的背景展示
分析：
文本框背景是黑色的，字体是白色的，代码：
＜input type="text" name="RedFld" size="10" maxlength="10" style="color: #FFFFFF; background-color: #000000"＞口令框背景是灰色的，代码：
＜input type="password" name="RedFld3" size="10" maxlength="10" style="background-color: #999999"＞单选和复选按钮的背景是红色的，代码：
＜input type="checkbox" name="checkbox" value="checkbox" style="background-color: #FF0000"＞
＜input type="radio" name="radiobutton" value="radiobutton" style="background-color: #FF0000"＞下拉选择框的选项是丰富多彩的背景，代码：
＜select name="select2" size="1"＞
＜option selected style="background-color: #FF0000"＞aspxhome.com＜/option＞
＜option style="background-color: #0000CC"＞redidea.com＜/option＞
＜option style="background-color: #009900"＞chinabyte.com＜/option＞
＜option style="background-color: #ff33cc"＞sina.com＜/option＞
＜option style="background-color: #999999"＞sohu.com＜/option＞
＜/select＞多行文本框的背景是一个图像，代码：
＜TEXTAREA name="RedFld2" cols="25" rows="3" wrap="VIRTUAL" style="background-image: url(back.gif)"＞＜/TEXTAREA＞submit1按钮的背景是黄色的，代码：
＜input type="submit" name="Submit3" value="Submit1" style="background-color: #FF9900"＞submit2按钮的背景是一个图像，代码：
＜input type="submit" name="Submit22" value="Submit2" style="background-image: url(back.gif)"＞
小结：用好background-color属性和background-image属性，就可以设计很出“色”表单了。
0
投稿猜你喜欢
- 1、集合相加a = {1,2,3}b = {3,4,5}print(type(a))print(a|b)2、queryset 符合条件的筛序
ROC曲线绘制要点（仅记录）1、ROC用于度量模型性能2、用于二分类问题，如若遇到多分类也以二分类的思想进行操作。3、二分类问题代码实现（至- 前言若电脑之前已经安装过vue-cli了，但是版本过低，比方说当前vue-cli的版本为2.9.6，然后我想升级到vue-cli的最新版本4
- 找了半天，以为numpy的where函数像matlab 的find函数一样好用，能够返回一个区间内的元素索引位置。结果没有。。（也可能是我没
- import java.util.Scanner; public class regexTest { // 新建类
- 在学习vue的时候，遇到很多问题，这里做一些总结，持续更新。今天说一个问题，就是在学习vue的时候，从之前的1.0版本升级到2.x的时候，遇
- 大家好，由于公司忙着赶项目，导致有段时间没有发布新文章了。今天我想跟大家谈谈Cookie的使用。同样，这个Cookie的使用方法是我从公司的
- 本文实例讲述了Python 类，property属性(简化属性的操作)，@property，property()用法。分享给大家供大家参考，
- 第一个方法： MySQL 4.1 中文乱码的问题 最近要将 MySQL 4.0 升级到 MySQL 4.1 ，发现了中文乱码的问题，希望以下
- 本文研究的主要是Django中Forms的使用，具体如下。创建文件do.html{％ extends 'base.html'
- 具体代码如下所示：<?php//在子类或类内部用“::”调用本类或父类时，不是静态调用方法，而是范围解析操作符。class Paren
- 1. 为什么要使用协程在上一篇中，我们从生成器的基本认识与使用，成功过渡到了协程。但一定有许多人，只知道协程是个什么东西，但并不知道为什么要
- go和golang之间有区别吗？go和golang之间没有区别，go就是golang，全名是golang，简称go语言。Go（又称 Gola
- 在软件开发过程中经常会遇到数据库升迁的问题，原因比较多，如acsess访问速度比sql server慢、删除数据记录后access会留下空档
- 某天和一个产品经理聊起：以用户为中心是一个理想概念。经历了太多的项目，看到了太多的限制条件。而我向来不是一个有着设计洁癖的完美主义者。做为所
- 译注：这是一篇在Stack overflow上很热的帖子。提问者自称已经掌握了有关Python OOP编程中的各种概念，但始终觉得元类(me
- 一、需求描述文本溢出省略，说实话这些年也实践过很多了，这次是针对富文本字符串，思量想去，也曾试图了解一些知名站点的实现方案，但结果不甚理想。
- 数据：一个db，2000个表格，2000张表格数据，每条记录30个column，平均每张表格4.3w条记录，总共86388670条记录。机器
- 在这个擦亮自己的眼睛去看SQL Server的系列中的第二篇中提过要写历史渊源，这里的历史主要描述的是数据库本身的历史与SQL Server
- 效果展示数据集展示数据集来源：使用了开源数据集FaceMask_CelebAgithub地址：https://github.com/seve
