是否有一个等同于android提示的CSS？

Question

在Android布局xml文件中，可以执行类似的操作......

<EditText android:id="@+id/username"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:hint="@string/username" />
<EditText android:id="@+id/password"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:inputType="textPassword"
    android:hint="@string/password" />

会产生如下所示的GUI：

如何使用CSS为HTML表单创建相同的效果？

Answer 1

您可以使用placeholder HTML5属性，例如：

<input type="text" name="username" placeholder="Username" />
<input type="text" name="password" placeholder="Password" />

大多数浏览器都与此功能兼容，Internet Explorer除外（请参阅jcater的评论）。例如，您可以使用jquery-placeholder添加对旧版浏览器的支持（甚至是IE6！）。