属性选择器样式无需使用class或id的形式 - 在线编辑器

          <!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>蜜蜂教程(mifengjc.com)</title>
  <style>
    input[type="text"] {
      width: 150px;
      display: block;
      margin-bottom: 10px;
      background-color: yellow;
    }

    input[type="button"] {
      width: 120px;
      margin-left: 35px;
      display: block;
    }
  </style>
</head>
<body>

  <form name="input" action="/plays/html-form-submit" method="get">
    Firstname:<input type="text" name="fname" value="Peter" size="20"> Lastname:
    <input type="text" name="lname" value="Griffin" size="20">
    <input type="button" value="Example Button">

  </form>
</body>
</html>
        