HTML5 input new attributes

by winddweb

HTML

<!DOCTYPE html>
<html>
<head>
<meta name="description"  />
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
    <form>
        <input type="text" placeholder="username" required>
        <button type="submit"> confirm</button>
    </form>        
</body>
</html>

CSS

input[required]{
    border:5px solid #ddd;
    border-radius:5px;
}
::-webkit-input-placeholder{
    color:red;
}
input:-moz-placeholder{
    color:red;
}