HTML实战小项目：简单的注册页面，汇款单，“将进酒”布局

项目1：简易用户注册页面

项目2：汇款单

项目3：“将进酒简单布局”

项目1：简易用户注册页面

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><table><tr bgcolor="#CCCCCC"><td colspan="2" align="center">用户注册</td></tr><tr bgcolor="#CCCCCC"><td>用户名</td><td><input type="text" id="username" name="username" placeholder="shuage"/></td></tr><tr bgcolor="#CCCCCC"><td>密码</td><td><input type="password" name="password" required autofocus/ ></td></tr><tr bgcolor="#CCCCCC"><td>性别</td><td><input type="radio" value="男" name="gender" checked/>男<input type="radio" value="女" name="gender"/>女</td></tr><tr bgcolor="#CCCCCC"><td>爱好</td><td> <input type="checkbox" value="football" name="fav"/>足球<input type="checkbox" value="basketball" name="fav"/>篮球<input type="checkbox" value="写作" name="fav"/>写作<input type="checkbox" value="听音乐" name="fav"/>听音乐</td></tr><tr bgcolor="#CCCCCC"><td>邮箱</td><td><input type="email" name="email" placeholder="请输入您的邮箱:"/></td></tr><tr bgcolor="#CCCCCC"><td>头像</td><td><input type="file" name="avatar" id="avatar"/></td></tr><tr bgcolor="#CCCCCC"><td>地址</td><td><select name="address"><option value="西安">西安</option><option value="北京">北京</option><option value="上海">上海</option><option value="南京">南京</option><option value="黑龙江">黑龙江</option></select></td></tr><tr bgcolor="#CCCCCC"><td>建议或者意见</td><td><textarea name="comment" cols="30" rows="10" placeholder="您的意见或者建议"></textarea></td></tr></table><input type="submit" value="注册用户"><input type="submit" value="提交"></body>
</html>

项目2：汇款单

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><p><font size="6"><b>工商银行电子汇款单</b></font></p><table border="1"  cellspacing="0"><tr><td colspan="2"><b>回单类型</b></td><td colspan="2"">网上转账汇款</td><td colspan="2"><b>指令序列号</b></td><td colspan="2">HQH10000000001000100</td></tr><tr><td rowspan="4"><b>收款人</b></td><td>户名</td><td colspan="2">老牟</td><td rowspan="4""><b>付款人</b></td><td>户名</td><td colspan="2">老刘</td></tr><tr><td><b>卡号</b></td><td colspan="2">00000000001</td><td><b>卡号</b></td><td>00000000002</td>    </tr><tr><td>地区</td><td colspan="2">南京</td><td>地区</td><td>杭州</td>    </tr><tr><td><b>网点</b></td><td colspan="2">工商江苏南京业务处理中心</td><td><b>网点</b></td><td>江苏徐州业务中心</td></tr><tr><td colspan="2""><b>币种</b></td><td colspan="2">人民币</td><td colspan="2"><b>汇钞标准</b></td><td>钞票</td> </tr><tr><td colspan="2""><b>金额</b></td><td colspan="2">100000元</td><td colspan="2"><b>手续费</b></td><td>10元</td>   </tr><tr><td colspan="2""><b>合计</b></td><td colspan="6">人民币（大写）：拾万元整</td>   </tr><tr><td colspan="2""><b>交易时间</b></td><td colspan="2"><i>2017年6月1日</i></td><td colspan="2"><b>时间戳</b></td><td><i>2017-06-01-14:00，000000 </i></td> </tr> </table><p>票据打印时间：2017=06-01 15:00:12<br><del>票据打印单位：江苏徐州业务中心</del><br>操作员：老曾</p></body>
</html>

项目3：“将进酒简单布局”

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><table border="0" cellpaddiing="0" cellspacing="0" width="650"><tr><td colspan="2"><font size="6"><b>将进酒</b></font><font size="5"><b>君不见黄河之水天上来</b></font></td></tr><tr><td rowspan="14" width="300"><img src="../img/shiren.png"></td></tr><tr><td>君不见黄河之水天上来，奔流到海不复回。</td></tr><tr><td>君不见高堂明镜悲白发，朝如青丝暮成雪.</td></tr><tr><td>人生得意须尽欢，莫使金樽空对月。</td></tr><tr><td>天生我材必有用，千金散尽还复来。</td></tr><tr><td>烹羊宰牛且为乐，会须一饮三百杯。</td></tr><tr><td>岑夫子，丹丘生，将进酒，杯莫停.</td></tr><tr><td>与君歌一曲，请君为我倾耳听。</td></tr><tr><td>钟鼓馔玉不足贵，但愿长醉不复醒。</td></tr><tr><td>古来圣贤皆寂寞，惟有饮者留其名。</td></tr><tr><td>陈王昔时宴平乐，斗酒十千恣欢谑。</td></tr><tr><td>主人何为言少钱，径须沽取对君酌。</td></tr><tr><td>五花马、千金裘，</td></tr><tr><td>呼儿将出换美酒，与尔同销万古愁。</td></tr>            </table></body>
</html>

HTML实战小项目：简单的注册页面，汇款单，“将进酒”布局相关推荐

Python实战项目23个实战小项目小程序简单
Python项目23个小项目简单项目类别部分项目运行截图含代码注释项目类别 51商城 AI智能联系人管理(双击即启动) BBS问答社区 DIY字符画(双击即启动) Excel数据分析师(双击即 ...
【敬初学者】Python基础学完了，该怎么知道自己学的怎么样呢？十个经典实战小项目附源码
前言 1.街霸游戏 1.1 KO街霸程序完整源码程序的输出界面 1.2 春丽VS巴洛克参考源码 2.猜谜游戏 2.1简单的猜数字游戏项目要求参考源码 2.2 进阶的猜姓名游戏项目要求参考 ...
我用Python把抖音上的美女图片转字符画，期望的AI目标更进一步【机器学习算法实战小项目，k聚类算法图片转化字符画】
大家好,我是辣条. 最近在学习算法,今天给大家带来一个机器学习实战小项目项目效果展示学习目标 1.cv2转换图片数据 2.numpy提取图片矩阵数据 3.k均值算法获取图片的分类工具使用开 ...
libhv tcp实战小项目
libhv Tcp小项目实战一.概述 1.包头 2.心跳 3.任务队列二.包头 2字节 2字节 4字节 4字节 2字节 1字节 1字节起始标志版本号(N) Command(命令ID) 消息体长 ...
SparkSQL实战小项目之热门商品top3
SparkSQL实战小项目之热门商品top3 一.说明及需求分析二.准备测试数据三.思路分析四.编码实现五.验证结果一.说明及需求分析软件及环境: centos7 + hive-2.3.3 ...
微信小程序PHP注册,微信小程序教程之注册页面
微信小程序――Page Page()函数用来注册一个页面.接受一个object参数,其指定页面的初始数据.生命周期函数.事件处理函数等. object参数说明: 属性类型描述 data Objec ...
HTML实现简单的注册页面
HTML是一种标记语言,用于创建网页,这里使用HTML创建了一个简单的注册页面,其中包含表单元素,如文本框.密码框.单选按钮.下拉列表.文件上传和文本域. 先看看效果图: 代码如下: <!DO ...
实现简单QQ注册页面
HTML实现简单QQ注册页面今天突发奇想,仿一个QQ注册页面哈哈!! 效果如图: 按钮功能都还没实现,只是一个简单的网页界面! 实现代码如下 <!DOCTYPE html> <ht ...
Vue快速入门（附实战小项目：记事本、天气预报、音乐播放器）
文章目录一.前言二.Vue.js安装三.初始化Vue项目四.项目目录解析五.Vue核心指令 1.插值表达式 2.v-text 3.v-html 4.v-on 5.计数器实战 6.v-show ...
【react实战小项目：笔记】用React 16写了个订单页面
视频地址 React 16 实现订单列表及评价功能简介:React 以其组件化的思想在前端领域大放异彩,但其革命化的前端开发理念对很多 React 初学者来说, 却很难真正理解和应用到真实项目中.本 ...

HTML实战小项目：简单的注册页面，汇款单，“将进酒”布局

项目1：简易用户注册页面

项目2：汇款单

项目3：“将进酒简单布局”

HTML实战小项目：简单的注册页面，汇款单，“将进酒”布局相关推荐

最新文章

热门文章