對于網頁設計中的商店頁面,添加商品是不可或缺的。下面是HTML代碼實現添加商品的操作。
<form action="add_product.php" method="post" enctype="multipart/form-data">商品名稱:<input type="text" name="product_name">
商品價格:<input type="number" name="product_price">
商品圖片:<input type="file" name="product_image">
商品描述:<textarea rows="4" cols="50" name="product_description">
商品分類: <select name="product_category"><option value="電子產品">電子產品<option value="家具">家具<option value="服裝">服裝
商品狀態: <input type="radio" name="product_status" value="在售">在售 <input type="radio" name="product_status" value="已下架">已下架
庫存數量:<input type="number" name="product_stock">
<input type="submit" value="添加商品">
該代碼使用的是form表單實現添加商品,在form標簽里定義表單屬性,以及表單提交時候的動作和方法(actions和method)。
其中p標簽用于定義段落樣式,利用input標簽定義文本框和單選框的樣式,textarea標簽定義文本框的行列和文本框的樣式,select標簽定義下拉框的樣式,submit按鈕用于提交表單。
商品名稱、商品價格、商品圖片、商品描述、商品分類、商品狀態和庫存數量等信息都通過input、radio、file等標簽添加進表單里。
為了處理上傳圖片,form還用到了enctype屬性。 因此,我們需要在后臺獲取商品信息后,存儲圖片并將所有數據存儲到數據庫中。