《HTML5实战》Lesson03

Week03     2016/09/28上午1-4节

一、复习上节课内容:

二、自己完成登陆明细部分P43:代码清单2-3

1,<fieldset>、<legend>

2,<ul>、,<li>、<lable>、<div>、<input> required

3,代码如下:放在P42代码2-2<fieldse>的下面

 <fieldset>
         <legend>Login Details</legend>
            <ul>
             <li>
                 <label class="required">
                     <div>Password</div>
                        <input type="password" name="password" required>
                    </label>
                </li>
                <li>
                 <label class="required">
                     <div>Confirm Password</div>
                        <input type="password" name="confirm_password" required>
                    </label>
                </li>
            </ul>
        </fieldset>

4、效果如下:红色部分

三、订单明细部分P46:代码清单2-4

1,<fieldset>、<legend>

2,5行5列的表格

         <table>
             <thead>
                 <tr><th></th><th></th><th></th><th></th><th></th></tr>
                </thead>
                <tbody>
                 <tr><td></td><td></td><td></td><td></td><td></td></tr>
                    <tr><td></td><td></td><td></td><td></td><td></td></tr>
                    <tr><td></td><td></td><td></td><td></td><td></td></tr>
                </tbody>
                <tfoot>
                 <tr><td></td><td></td><td></td><td></td><td></td></tr>
                </tfoot>
            </table>

3,<output>、<input  type="hidden">、<input  type="number">

4,代码:放在P43代码2-3<fieldse>的下面

5,运行效果图:

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏代码GG之家

google 分屏 横屏模式 按home键界面错乱故障分析(三)

google 进入分屏后在横屏模式按home键界面错乱( 三) 你确定你了解分屏的整个流程? ? 故障解析系列文章列表: google 分屏 横屏模式 按hom...

2356
来自专栏上善若水

053[转]Android开发中如何匹配layout资源(layout-sw480dp layout-sw600dp-land layout-sw720dp-port)

ps : 很不错的文章,今天正好遇到类似问题,看到这篇文章,很顺利的找到了出错的layout。感谢一下

1562
来自专栏HBStream流媒体与音视频技术

Android流媒体开发之路一:Camera2采集摄像头原始数据并手动预览

  其实主要就是在不预览的情况下获取到摄像头原始数据,目的嘛,一是为了灵活性,方便随时开启关闭预览,二是为了以后可以直接对数据进行处理,三是为了其他程序开发做一...

6205
来自专栏灯塔大数据

职场必备:Excel2016四个超强的数据分析功能

摘要 三维地图、预测工作表、引用外部数据查询、数据透视表更强大的功能改进、将Excel 表格发布到Office 365 Power BI实现数据的商业智能分析...

2927
来自专栏小文博客

腾讯云OCR文字识别“测评”

1.6K7
来自专栏GIS讲堂

wms常用操作

自从换了工作就很少有时间上网了,新的单位不让上网的,所以博客也有好久没有更新了,虽然博文的质量一般般吧,但是觉得还是坚持写下去比较好,今天,北京,雨天,写点最近...

2004
来自专栏FreeBuf

一种绕过限制下载论文的思路

注:本文下面的内容仅讨论绕过思路,作为技术交流之用。大家下载论文还是应该通过正规渠道,付费下载,尊重各位站长的劳动成果。敏感图片和代码中涉及站点的内容均已打码。

1482
来自专栏鸿的学习笔记

如何设计一个良好的流系统?(下)

在Streaming 101中,作者引入了窗口和时间的概念,在本文中,作者为了解决流处理系统无法精确的处理结果的问题,提出了下面三个概念:

611
来自专栏开源FPGA

基于FPGA的Uart接收图像数据至VGA显示

系统框图 ?   前面我们设计了基于FPGA的静态图片显示,并对一幅彩色图片提取了灰度,学习了RGB转Gray算法。这是基于一幅静态图片的,那么后面我们要怎么模...

2959
来自专栏地方网络工作室的专栏

MAC版画图软件 paintbrush 推荐,类似 windows 上系统自带的画图软件

不想开photoshop这么重的软件,但是对于屏幕截图有需要有一点处理。这时候我想起 windows上画图的好了。 搜索了一下,知道了 paintbrush 这...

2828

扫码关注云+社区

领取腾讯云代金券