如何自定义html文本字段

Question

我正在创建一个包含六个文本字段的登录脚本，问题如下：

你如何将它居中并在盒子里面制作单词？

编辑：我现在正在寻找的是如何让包装盒中的文字成为某种颜色。

Answer 1

它的名为placeholder，您可以在文本框中显示单词。它是一个HTML5属性。这是你如何使用它

<input type="text" placeholder="Username"> 

Answer 2

这是一个有效的跨浏览器DEMO

您需要input[placeholder]来定位某些浏览器上的占位符元素。

Answer 3

如果你只是在寻找一个很酷的设计，这就是我想出的：

Fiddle

这是HTML：

<form id="signup">
    <input type="text" placeholder="First Name" required="required" />
    <input type="text" placeholder="Last Name" required="required" />
    <input type="email" placeholder="Email" required="required" />
    <input type="email" placeholder="Confirm Email" required="required" />
    <input type="password" placeholder="Password" required="required" />
    <input type="password" placeholder="Confirm Password" required="required" />
    <input type="submit" />
</form>

你必须亲自看看的造型......

：d

编辑：要使内部单词显示为某种颜色，请将其放入CSS代码中 -

::-webkit-input-placeholder { color: #999; }
:-moz-placeholder           { color: #999; }
::-moz-placeholder          { color: #999; }
:-ms-input-placeholder      { color: #999; }

（显然，将#999更改为您选择的颜色。）

这会导致placeholder以某种颜色显示。如果您正在谈论所写文本的颜色，那么只需使用

即可

  输入{color：＃999; }

Answer 4

我已将它集中在页面上，将其添加到我的css：

form {

    text-align:center;
}