Required red star - kaqi - ITeye博客

`

kaqi

浏览: 227200 次
性别:
来自: 北京

最近访客更多访客>>

一个java程序员

sqllib

邱理军

weixuan

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

Virtoway：说到Angular JS刚读到一片美国构架师的文章关于使用An ...
angular js: angular.bind example
08284008：该毛线啊，一点解释的都没有，怎么看
Thread join() 用法
Rex86lxw：在eclipse中我一直用Navigator查看编写代码的，可 ...
eclipse不能自动编译，不报错
mistake： ..............
Angular js scope: the child scope would inherit from the parent scope
sparrow1314： very good! thanks!
IE下JS调试工具

Required red star

博客分类：

css
CSS Patterns

阅读更多

Problem:

We usually put a red star after a field to indicate that this field is required. Of course, we can add a '*' and apply css on it. But it is really unconvenient to do so on everywhere. From the html semantical point of view, it is a info about the input, we do not need to write it explicitly.

Solution:

We can use css to control the place of the information about "required".

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title></title>
    <style>
        /*we can use before to display it before the fields*/
        .required:after{
            content:"*";
            color:red;
        }
    </style>
</head>
<body>
<div class="required">
    <input type="text"/>
</div>
</body>
</html>

Try it in jsfiddle

Note:

Unfortunately, we can not apply the css directly on the input element as described here .

分享到：

Blocked Wrapper | Overlapped Margins

2012-03-11 18:05
浏览 656
评论(0)
分类:Web前端
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

openfire-red5-spark-rtmps-required-files: 【标题】"openfire-red5-spark-rtmps-required-files" 涉及到的是一个针对企业内部通信的二次开发项目，它结合了Openfire、Red5和Spark这三款工具，以提供更加定制化的实时通信解决方案。 Openfire是一款开源的即时...

red5 源码下载方式: - 返回安装界面，勾选“JavaHL Adapter(recommended)”、“Subclipse(required)”，然后依次点击Next、I accept the terms in the license agreements、Finish、Install All、Yes，完成Subclipse的安装。...

required.js使用文档（很全）: ### Required.js 使用文档详解 #### 一、Required.js 概览 **Required.js** 是一款优秀的 JavaScript 文件加载器，它的核心目标在于推动前端代码走向模块化。通过改变传统的 `<script>` 标签加载方式，Required.js...

redis连接报错error:NOAUTH Authentication required: Redis 连接报错 Error:NOAUTH Authentication required 解决方案 Redis 是一个开源的、基于内存的数据结构存储系统，可以用作数据库、缓存和消息代理中间件。然而，在使用 Redis 时，可能会遇到各种错误，例如 ...

hibernate required包: Hibernate Required包是Hibernate框架的核心组件，它包含了使用Hibernate进行数据持久化操作所必需的基本类库。Hibernate是一个开源的对象关系映射（ORM）框架，它允许开发者用Java对象模型来操作数据库，而无需直接...

Required jars by JCS: What jars are required by JCS? As of verison 1.2.7.0, the core of JCS (the LRU memory cache, the indexed disk cache, the TCP lateral, and the RMI remote server) requires only two other jars. ...

remote: office not required: 《remote: office not required》这本书正是围绕这一主题展开，提供了关于如何成功进行远程工作的深刻见解和实用建议。 #### 一、远程工作的重要性和必要性在当今全球化的背景下，企业和组织面临着前所未有的挑战...

RED HAT ENTERPRISE5安装ORACLE11g图文教程: - 编辑`/etc/pam.d/login`文件，添加`session required/lib/security/pam_limits.so`行，以确保在用户登录时应用这些限制。 - 修改`/etc/profile`文件，为oracle用户设置环境变量，如PATH、USER、LOGNAME、EMAIL、...

解决microsoft visual c++ 14.0 is required: 标题 "解决microsoft visual c++ 14.0 is required" 涉及的问题是Python开发者在使用PyCharm时可能会遇到的一个常见错误。当安装或运行某些Python库（特别是那些包含C扩展的库，如Numpy、Scipy或Pandas）时，系统...

libmysql_d.dll 解决Navicat Error： Missing required libmysql_d.dll: 在描述中提到的“Navicat Error：Missing required libmysql_d.dll 126”，这是一个错误提示，意味着Navicat在尝试运行时无法找到必要的libmysql_d.dll文件，导致错误代码126。错误代码126通常表示找不到指定的...

Microsoft visual c++ 14.0 is required问题解决办法: 在使用某些软件或游戏时，有时会遇到错误提示“Microsoft visual c++ 14.0 is required”，这表明你的计算机上缺少Visual C++ Redistributable for Visual Studio 2015，这是一个关键的运行库组件，许多应用程序依赖...

error: Microsoft Visual C++ 14.0 or greater is required. BUG解决包！: 在Windows操作系统中，开发C或C++程序时，可能会遇到“error: Microsoft Visual C++ 14.0 or greater is required”这样的错误信息。这个错误表明你的计算机上缺少微软的Visual C++编译器，它是Microsoft Visual ...

插入RICHTX32.OCX提示“insert of OLE object failed,license file required”解决办法: 在PB插入Microsoft Rich Textbox Control OLE对象时出如下提示：insert of OLE object failed,license file required 用如下文件修改注册表，解决问题。

解决error: Microsoft Visual C++ 14.0 or greater is required. BUG的文: 解决安装某些python包**error: Microsoft Visual C++ 14.0 or greater is required. BUG**报错的文件

pip 安装报错 error: Microsoft Visual C++ 14.0 is required. Get it with “Microsoft Visual C++ Build Tools: 在 Windows 安装 python 包经常会遇到这错误: error: Microsoft Visual C++ 14.0 is required. Get it with “Microsoft Visual C++ Build Tools 遇到这错误不要慌，进这个网站下载对应的 whl 包即可。 ...

解决“Python version 2.6 required..”的注册表: 解决“Python version 2.6 required..”的注册表文件，下载后打开文件，修改python安装路径，保存后双击导入就可以了

VC_RED.MSI: Visual C++ 2008 Redistributable US English Intel x86 IExpress ...This installer database contains the logic and data required to install Microsoft Visual C++ 2008 Redistributable - x86 9.0.21022.

Microsoft Visual C++ 14.0 or greater is required解决文件: 标题中的“Microsoft Visual C++ 14.0 or greater is required”是一个常见的错误提示，意味着在尝试运行或安装某个软件时，系统发现缺少了Microsoft Visual C++ 14.0或更高版本的编译器组件。这个错误通常发生在...

Global site tag (gtag.js) - Google Analytics