商品後台

by johnny890118

HTML

<!DOCTYPE>
<html>

  <head>
    <meta charset="UTF-8" />
    <title>安全帽管理員後台</title>
  </head>

  <body>
    <h1>
      管理員系統 - 商品上架
    </h1>
    <div class="storeback">
      <form action="/add-product" method="POST">
        商品圖片:
        <br />
        <input type="file" name="photo" accept=".jpg,.png" value="選擇照片">
        <br />
        <br />
        商品名稱:
        <br />
        <input type="text" name="商品名稱" />
        <br />
        <br />
        性別:
        <br />
        <input type="radio" name="sex" value="Male" />男
        <br />
        <input type="radio" name="sex" value="Female" />女
        <br />
        <br />
        價格:
        <br />
        <input type="text" name="價格" />
        <br />
        <br />
        是否免運費:
        <br />
        <input type="checkbox" name="是否免運" />是
        <br />
        <input type="checkbox" name="是否免運" />否
        <br />
        <br />
        類別:
        <br />
        <select name="類別">
          <option value="上衣類">上衣類</option>
          <option value="下身類">下身類</option>
          <option value="外套類">外套類</option>
          <option value="配件類">配件類</option>
          <option value="安全帽" selected>安全帽</option>
        </select>
        <br />
        <br />
        商品介紹:
        <br />
        <textarea name="商品介紹" rows="10" cols="40"></textarea>
        <br />
        <br />
        商品備註:
        <br />
        <textarea name="商品備註" cols="40"></textarea>
        <br />
        <br />
        <hr />
        <br />
        <input class="submit" type="submit" name="submit" value="新增商品" onclick="alert('新商品已上架')" />
      </form>
    </div>
  </body>

</html>

CSS

.storeback {
  background-color: #E0E0E0;
  margin: 50px;
  padding: 20px 40px;
  border-radius: 10px;
}

h1 {
  text-align: center;
  background-color: #003060;
  color: white;
  margin: 20px 50px -20px 50px;
  padding: 15px;
  border-radius: 10px;
}

.submit {
  background-color: #004B97;
  color: white;
  padding: 10px 20px;
  border-radius: 10px;
}

.submit:hover {
  background-color: #0080FF;
}