Question

可能是一个非常简单的问题：

我有这段代码

 <tr>
     <td><b>Item name:</b></td>
     <td><input type="text" name="Receptnr" value="Enter values here"></td>
 </tr>

然后我会喜欢“在这里输入值”这一部分是草书，但我无法弄清楚只是草书那部分。

有一种非常简单的方法吗？

thx：）

Answer 1

足够简单：

input{
    font-style: italic;
}

http://jsfiddle.net/PSTN3/

Answer 2

最好的方法是使用占位符然后设置样式。如果您将HTML修改为类似内容，请将value属性更改为placeholder：

<tr>
     <td><b>Item name:</b></td>
     <td><input type="text" name="Receptnr" placeholder="Enter values here"></td>
 </tr>

然后你可以使用这个css，其中＆＃39; cursive-font＆＃39;将是你的草书字体的名称。如果您使用的是自定义字体，则还需要使用@ font-face添加字体：

::-webkit-input-placeholder {
   font-family:'cursive-font', serif;
}

:-moz-placeholder { /* Firefox 18- */
   font-family:'cursive-font', serif;  
}

::-moz-placeholder {  /* Firefox 19+ */
   font-family:'cursive-font', serif;  
}

:-ms-input-placeholder {  
   font-family:'cursive-font', serif; 
}

Answer 3

好的，这些答案中的大部分都会引导您对整个输入进行样式设置，我认为这不是您想要的。您需要javascript来设置默认值的样式，然后将其更改回“normal”，例如：

<input type="text" name="name_here" size="20" value="default_value" style="color:red;" onfocus="if (this.value == 'default_value') {this.value=''; this.style.color='blue';}" />

http://jsfiddle.net/CQ58j/

Answer 4

您需要设置输入标记的样式。你可以内联： <input type="text" name="Receptnr" value="Enter values here" style='font-style: italic;' />

或在CSS部分

input {font-style: italic;}

Answer 5

使用您自己的特定于供应商的前缀......

::-webkit-input-placeholder {
   font-style:italic;
}

编辑：使用＆＃34;占位符＆＃34;而不是＆＃34;价值＆＃34;。这就是它在HTML5中的原因。

使用HTML的文本字段中的草书文本

5 个答案: