＜input＞标签构建快递信息界面(HTML+CSS)
效果显示
HTML+CSS代码
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>增加快递信息</title>
<style type="text/css">body{color:white;}header{text-align: center;font-size:25px}#main{width: 700px;height: 650px;background-color:black;padding:20px;margin: 0 auto;}#div1{border: 1px white solid;margin-top:50px;width:700px}#div2{border: 1px white solid;margin-top:40px;width: 700px;}#div3{border: 1px white solid;margin-top:40px;width: 700px;}footer{text-align: center;margin-top: 40px;}#div1 li,#div2 li,#div3 li{list-style: none;line-height: 40px;}#name{width: 80px}#count{width: 50px}#ress{width: 245px}#huowu{width: 450px}
</style>
</head>
<body><div id="main"><header>增加快递信息</header><div id = "div1"><ul><li>发货人姓名：<input type="text" id="name"> 发货人地址：<input type="text" id="ress"></li><li>发货人电话：<input type="text"> 发货人邮编：<input type="text"></li></ul></div><div id="div2"><ul><li>收货人姓名：<input type="text" id="name"> 收货人地址：<input type="text" id="ress"></li><li>收货人电话：<input type="text"> 收货人邮编：<input type="text"></li><li>地区：<select name="se" id="se"><option value="1">北京</option><option value="2">湖南</option><option value="3">广东</option><option value="4">福建</option></select> 包装：<input type="checkbox" name="b">纸箱<input type="checkbox" name="b">木箱<input type="checkbox" name="b">快递袋<input type="checkbox" name="b">其他</li><li>付款方式：<input type="radio" name="a" checked>现金<input type="radio" name="a">支付宝<input type="radio" name="a">网银<input type="radio" name="a">ATM</li></ul></div><div id="div3"><ul><li>货物名称：<input type="text" id="huowu"> </li><li>数量：<input type="text" id="count"> 重量：<input type="text" id="count"> 发货时间：<input type="text"></li></ul></div><footer><input type="submit" value="确定"> <input type="reset" value="取消"></footer></div>
</body>
</html>＜input＞标签构建快递信息界面(HTML+CSS)相关推荐
- 为type=file的input标签制定样式——CSS基础
为type=file的input标签制定样式 1. 概述 2. 实验 3. 解决方法与解析 1. 概述 在现在的前端开发中,为了开发的效率,大都会引入第三方库加快开发速度.查阅官方文档,一顿复制黏贴, ...
- 【input 标签的 type 属性详解】
input 标签的 type 属性详解 1. input 输入标签的 type 属性 1.1 input 标签的 type类型 属性的常用属性值 ⑴ 单行文本框: type="text&qu ...
- 【04】HTML5+CSS3：01-HTML5新增标签、多媒体标签、input标签、新增表单属性、CSS3属性选择器、伪元素选择器、2D转换
文章目录 HTML5 第一天 一.什么是 `HTML5` 二.`HTML5 ` 新增标签 三.多媒体音频标签 四.多媒体视频标签 五.新增 input 标签 六.新增表单属性 七.`CSS3 ` 属性 ...
- iframe关闭当前窗口_iframe 、 a标签、input标签
1 npm i -g http-server 全局安装本地服务器,预览html文件 或者不安装提交到github 里面,再用它提供的预览链接看 注意:安装成功后,启动时可以直接是http-server ...
- 有趣的HTML实例（七） 注册登录界面Ⅱ（css+js）
你知道,有些鸟儿是注定不会被关在牢笼里的,它们的每一片羽毛都闪耀着自由的光辉. --<肖申克的救赎> 目录 一.前言 二.往期作品回顾 三.作品介绍 四.本期代码介绍 五.效果显示 六.编 ...
- React — input标签输入中文的拼音时候会触发onChange事件解决
在React开发项目的过程中,避免不了会用到input标签(比如在登录.录入用户信息等界面),而使用input标签时候,为了体验限制只能输入数字.或者只能输入数字或者字母.或者只能输入英文等限制条件. ...
- 已知数据库中存在表tb_book2,通过在图书信息界面填写书本的基本信息，然后提交后写入数据库中的表格中。需要对提交的信息进行修改，信息填入不能为空，为空则则有提示。
jsp结合SQLSERVER向数据库中的表添加图书信息. 已知数据库中存在表tb_book2,通过在图书信息界面填写书本的基本信息,然后提交后写入数据库中的表格中.需要对提交的信息进行修改,信息填入不 ...
- html里的input属性,HTML中强大的input标签属性
用了许久的html,这个标签是最常用的标签之一. 标签中type属性是必不可少的,以往我最常用的有 type="text"(单行文本输入) 类型. type="butto ...
- 爬虫爬取快递100网查快递信息
这个是爬静态网页巩固练习的第二个小小小小小小项目,爬快递100网站查快递信息,这个其实很简单,本身这个网站就已经把该做的能做的都做好了,只需要把特定的信息提取出来就可以了,本次代码的编写过程让我意识到 ...
最新文章
- tensorflow源码编译教程_极简入门TensorFlow C++源码
- luci L大_“大众”果然没失望，空间大，颜值暴增
- potainer 日志_日志系统落地：制定日志规范
- ASP.NET MVC 1.0 + spring.net 1.2.0.20288 + NHibernate 2.0.1.4000整合笔记(四)——整合asp.net mvc...
- 初识delphi-spring-framework
- 经典案例：日活DAU下降，该如何着手分析？
- IO基础操作（文件）
- 【干货】区块链技术生态的设计|《白话区块链》作者蒋勇分享实录
- 网络操作系统之网络操作系统的功能
- 用java读excel时，碰到常规类型但全是数字或小数的，往往会自动加上.0或者自动读成科学计数法的解决办法
- 促使网站快速收录的一些方法,超详细
- 2. ESP8266固件的编译（nodemcu固件）
- 2019最新财务管理计算器源码
- IntelliJ IDEA 还能画思维导图，果然最强 IDE！
- mysql 异常码1903_Mysql 异常。 寻求帮助
- 2021秋软工实践个人作业一
- GNS3 思科（Cisco）PIX虚拟防火墙简单配置
- 2021-09-11职场规则
- GeniePath：Graph Neural Networks with Adaptive Receptive Paths
- 数据在网络层的传输过程