032HTML5新增的表单属性

最新推荐文章于 2022-06-15 16:11:01 发布

原创最新推荐文章于 2022-06-15 16:11:01 发布 · 295 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css #css3 #html5

HTML5 专栏收录该内容

41 篇文章

订阅专栏

本文介绍如何使用CSS修改HTML5表单中placeholder文本的颜色，并提供了一个包含搜索输入框和文件上传字段的示例代码。

一、新增的表单属性

在这里插入图片描述
可以通过以下设置方式修改placeholder里面的字体颜色：

input::placeholder {
 color: pink;
 }

案例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML5新增的表单属性</title>
    
    <style>
        /* input::placeholder{
            color:blue;
        } */
    </style>
</head>
<body>
    <form action="">
        <input type="search" id="" required="required" placeholder="请输入信息" autofocus="autofocus" autocomplete="off">
        <input type="file" name="" id="" multiple="multiple">
        <input type="submit" value="提交">
    </form>
    
</body>
</html>