第5課 ── 用力送出表單

by KitHuang

HTML

<!DOCTYPE html>
<html>

  <head>
    <title>新增商品</title>
  </head>

  <body>
    <form action="/add-product" method="POST">
      1,商品名稱: <input type="text" name="name" />
      <br> 2.價格: <input type="text" name="price" />
      <br> 3.是否免運費:
      <br><input type="checkbox" name="fare_yes">是
      <br><input type="checkbox" name="fare_no">否
      <br> 4.性別:
      <br><input type="radio" name="sex" value="male" checked>男
      <br><input type="radio" name="sex" value="female">女
      <br> 5.類別：
      <br><select name="category">
            <option value = "top" selected>上衣類 </option>
            <option value = "coat ">外套類</option>
            <option value = "trousers">下身類</option>
            <option value = "accessories">配件類</option>
            </select>
      <br> 6.商品備註:
      <br>
      <textarea rows="5" cols="30" name="remark">
         </textarea>
      <br>
      <input type="submit" value="Submit">
    </form>
  </body>

</html>

CSS

form {
  padding: 10px;
  margin: 10px;
}