html制作快递信息输入页面
时间: 2023-08-09 15:09:41 浏览: 102
以下是一个简单的HTML代码,可以用来制作快递信息输入页面:
```html
<!DOCTYPE html>
<html>
<head>
<title>快递信息输入页面</title>
</head>
<body>
<h1>快递信息</h1>
<form>
<label for="name">收件人姓名:</label>
<input type="text" id="name" name="name"><br><br>
<label for="phone">收件人电话:</label>
<input type="tel" id="phone" name="phone"><br><br>
<label for="address">收件人地址:</label>
<input type="text" id="address" name="address"><br><br>
<label for="express">快递公司:</label>
<select id="express" name="express">
<option value="顺丰速运">顺丰速运</option>
<option value="圆通速递">圆通速递</option>
<option value="中通快递">中通快递</option>
<option value="申通快递">申通快递</option>
<option value="韵达快递">韵达快递</option>
</select><br><br>
<label for="tracking">快递单号:</label>
<input type="text" id="tracking" name="tracking"><br><br>
<input type="submit" value="提交">
</form>
</body>
</html>
```
这里使用了`<form>`元素来创建一个表单,其中包括了收件人姓名、收件人电话、收件人地址、快递公司和快递单号等信息,并通过`<input>`元素和`<select>`元素来创建表单项。最后,通过`<input type="submit">`元素来创建一个提交按钮,使用户可以提交表单。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)