webveuje/teaching/heshubao/form.html

40 lines
1.6 KiB
HTML
Raw Normal View History

2021-06-03 02:52:41 +00:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
*{
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<!--
action 提交地址
method 请求方式 get/post
-->
<form action="">
商品名称 <input type="text" value=""> <br/>
商品价格: <input type="text"> <br />
商品数量: <input type="text"> <br/>
活动价: <input type="text"> <br/>
商品简介: <textarea name="" id="" cols="30" rows="10"></textarea> <br/>
是否上架:<input type="radio" name="shangjia" id="on"> <label for="on"></label> <input type="radio" name="shangjia" id="off"> <label for="off"></label> <br/>
类别:<input type="checkbox" id="shi"> <label for="shi">食品</label> <input type="checkbox" id="dian"> <label for="dian">电器</label> <input type="checkbox" id="ri"> <label for="ri">日用品</label> <br/>
产地:<select name="" id="">
<option value="">济南</option>
<option value="">青岛</option>
<option value="">潍坊</option>
<option value="">泰安</option>
</select> <br />
<button>提交</button>
<input type="button" value="保存">
<input type="submit" value="err"> <!-- 提交按钮 -->
<input type="reset"> <!-- 重置 -->
</form>
</body>
</html>