用HTML写一个静态的表单,纯html

用HTML写一个静态的表单,纯html

登录页面

<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div>
			<h1>登录页面</h1>
			<form action="" method="get">
				<label for="username">用户名</label>
				<input type="text" name="user" id="username" required>
				<br>
				
				<label for="password">密码&emsp;</label>
				<input type="password" name="pwd" id="password" required>
				<br>
				&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;
				<input value="remember" name="rtp" type="radio">
				<label>记住密码</label>
				
				<br>
				
				
			</form>
			<input type="submit" value="登录" />
			<a href="lesson2.1.html"><button type="button"value="注册">注册</button></a>
			
		</div>
	</body>

注册页面

	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div>
			<h1>注册页面</h1>
			<form action="" method="get">
				<label>性别</label>
				<input type="radio" name="sex" id="men" value="man" checked/>
				<label for="men"></label>
				<input type="radio" name="sex" id="women" value="woman" />
				<label for="women"></label>
				<br>
		
				<label for="age">出生日期</label>
				<input type="date">
		
				<br>
				
				<label>婚姻状况</label>
				<input type="radio" name="matter" id="matter1" value="matter" checked/>
				<label for="matter1">未婚</label>
				<input type="radio" name="matter" id="matter2" value="matter" />
				<label for="matter2">已婚</label>
				<br>
				
				<label>学历</label>
				<select name="education">
					<option value="">小学</option>
					<option value="">初中</option>
					<option value="">高中</option>
					<option value="">大专</option>
					<option value="">本科</option>	
				</select>
				<br>
				
				<label>月薪</label>
				<input type="text" name="money" id="money1"/>
				<br>
				
				<label>手机号</label>
				<input type="text" name="phone" id="selfphone"/>
				<br>
				
				
			</form>
			
			<a href="lesson2.2.html"><button type="button"value="注册">注册</button></a>
			
			
			
			
			
		</div>
	</body>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,以下是一个简的仓库管理静态网页的HTML代码示例: ``` <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>仓库管理系统</title> </head> <body> <h1>仓库管理系统</h1> <h2>库存商品信息</h2> <table> <thead> <tr> <th>商品编号</th> <th>商品名称</th> <th>商品数量</th> </tr> </thead> <tbody> <tr> <td>001</td> <td>电脑</td> <td>100</td> </tr> <tr> <td>002</td> <td>手机</td> <td>200</td> </tr> <tr> <td>003</td> <td>平板</td> <td>50</td> </tr> </tbody> </table> <h2>入库管理</h2> <form> <label for="product-id">商品编号:</label> <input type="text" id="product-id" name="product-id"><br> <label for="product-name">商品名称:</label> <input type="text" id="product-name" name="product-name"><br> <label for="product-quantity">商品数量:</label> <input type="text" id="product-quantity" name="product-quantity"><br> <input type="submit" value="提交"> </form> <h2>出库管理</h2> <form> <label for="product-id">商品编号:</label> <input type="text" id="product-id" name="product-id"><br> <label for="product-quantity">出库数量:</label> <input type="text" id="product-quantity" name="product-quantity"><br> <input type="submit" value="提交"> </form> </body> </html> ``` 这个静态网页包括以下几个部分: 1. 标题:仓库管理系统 2. 库存商品信息格,包括商品编号、商品名称、商品数量等信息 3. 入库管理,包括商品编号、商品名称、商品数量等输入框和一个提交按钮 4. 出库管理,包括商品编号、出库数量等输入框和一个提交按钮 你可以根据实际需求进行修改和完善。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值