在许多 网址上大家都见到input输入框显示提示文字,让我们一起来看看假如在input输入框中显示提示文字 。大家只必须在<input>标识里加上:placeholder="提示文字就可以" ,那麼假如要改动提示文字的款式呢?能够那样设定css样式:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>input输入框提示文字</title>
<style>
/*改动提示文字的色调*/
input::-webkit-input-placeholder { /* WebKit browsers */ 
color: red; 
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
color: red; 
}
input::-moz-placeholder { /* Mozilla Firefox 19  */ 
color: red; 
}
input:-ms-input-placeholder { /* Internet Explorer 10  */ 
color: red; 
}
</style>
</head>
<body>
<input type="text" placeholder="输入您登录名" />
</body>
</html>

改动后提示文字款式以下:

html中input提示文字样式修改的示例代码 HTML Input 文字样式 HTML/Xhtml  第1张

PS:下边看下HTML5里的input标识的required特性提示文字改动

在做提交表单时大家有时候会碰到那样的要求,在客户沒有键入选填网络交换机递交时提示文字必须改成大家要想的提示信息内容,那麼能够在input里边提升那样的句子:

<input type="text" placeholder="您的名字" required oninvalid="setCustomValidity('请请输入的名字');" oninput="setCustomValidity('');" />

到此这篇有关html中input提示文字款式改动的文章内容就详细介绍到这了,大量有关html input 文字款式內容请搜索之前的文章内容或再次访问下边的类似文章 ,期待大伙儿之后多多的适用!