Day 46 表单和构成

最新推荐文章于 2021-12-02 09:36:41 发布
最新推荐文章于 2021-12-02 09:36:41 发布
阅读量97 收藏
点赞数
文章标签： cloud etag
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/A1L__/article/details/108606248
版权 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>I See</title>
    <style type="text/css">
        ul1 {
            list-style: none;
            text-align: center;
            color: #6485ff;
        }

        ul2 {
            text-align: center;
            text-overflow: clip;
            color: #0187ba;
            list-style: none;
        }
    </style>

</head>
<body>

<form action="http://www.bilibili.com">
    <fieldest>
        <lengend>注册界面</lengend>
        <p>
            账号：<input type="text" placeholder="请输入你的账号" name="user_name">
        </p>
        <p>
            密码：<input type="password" placeholder="请输入你的密码" name="password">
        </p>
        <p>
            性别：
            <input type="radio" name="gender" value="male">Male
            <input type="radio" name="gender" value="female">Female
            <input type="radio" name="gender" value="secret" checked="checked">保密
        </p>
        <p>
            爱好：
            <input type="checkbox" name="hobbit" value="fishing">Fishing
            <input type="checkbox" name="hobbit" value="eating">Eating
            <input type="checkbox" name="hobbit" value="singing">Singing
            <input type="checkbox" name="hobbit" value="dance">Dance
            <input type="checkbox" name="hobbit" value="another" checked="checked">Another
        </p>
        <p>
            简介：
            <textarea name="About you" id="" cols="30" rows="1"></textarea>
        </p>
        <p>
            生日：
            <input type="date" name="birth">
        </p>
        <p>
            邮箱：
            <input type="email" name="email">
        </p>
        <p>
            电话：
            <input type="number" name="telephone number">
            <input type="reset" value="none">
        </p>
        <p>
            <input type="submit" value="注册">
            <input type="reset" value="清空">
        </p>
    </fieldest>
</form>


<ul1>
    <h2>《神秘代码》</h2>
    <li>54088</li>
    <li>9527</li>
    <li>74996</li>
</ul1>
<hr size="20" color="red">
<ul2>
    <h2>《复仇者联盟》</h2>
    <li>钢铁侠</li>
    <li>美国队长</li>
    <li>鹰眼</li>
    <li>绿巨人浩克</li>
    <li>黑寡妇</li>
</ul2>

<hr size="20" color="orange">

<table bgcolor="#7fffd4" border="1px" width="500px" height="300px" align="center"
       translate="yes" cellspacing="20px" cellpadding="30px">
    <tr align="center" title="妹想到吧" aria-label="super">
        <td>成员</td>
        <td>类别</td>
        <td>其他</td>
    </tr>
    <tr align="center">
        <td>美国</td>
        <td>BOSS</td>
        <td>FW</td>

    </tr>
    <tr align="center">
        <td>英国</td>
        <td>DOG</td>
        <td>FW</td>
    </tr>
    <tr align="center">
        <td>新西兰</td>
        <td>DOG</td>
        <td>FW</td>
    </tr>
    <tr align="center">
        <td>加拿大</td>
        <td>DOG</td>
        <td>FW</td>
    </tr>
</table>

<hr size="20" color="yellow">

<table bgcolor="black" width="500px" height="300px" align="center"
       translate="yes" cellspacing="1px">
    <tr align="center" title="妹想到吧" aria-label="super" bgcolor="wheat">
        <td>成员</td>
        <td>类别</td>
        <td>其他</td>
    </tr>
    <tr align="center" bgcolor="wheat">
        <td>美国</td>
        <td>BOSS</td>
        <td>FW</td>

    </tr>
    <tr align="center" bgcolor="wheat">
        <td>英国</td>
        <td>DOG</td>
        <td>FW</td>
    </tr>
    <tr align="center" bgcolor="#f5deb3">
        <td>新西兰</td>
        <td>DOG</td>
        <td>FW</td>
    </tr>
    <tr align="center" bgcolor="wheat">
        <td>加拿大</td>
        <td>DOG</td>
        <td>FW</td>
    </tr>
</table>

<hr size="20" color="green">

<table border="1px" width="500px" height="300px" align="center"
       style="border-collapse: collapse;border: 1px blue">
    <tr align="center" title="妹想到吧" aria-label="super" bgcolor="wheat">
        <td>成员</td>
        <td>类别</td>
        <td>其他</td>
    </tr>
    <tr align="center" bgcolor="#fffaf0">
        <td>美国</td>
        <td>BOSS</td>
        <td>FW</td>

    </tr>
    <tr align="center" bgcolor="floralwhite">
        <td>英国</td>
        <td>DOG</td>
        <td>FW</td>
    </tr>
    <tr align="center" bgcolor="floralwhite">
        <td>新西兰</td>
        <td>DOG</td>
        <td>FW</td>
    </tr>
    <tr align="center" bgcolor="floralwhite">
        <td>加拿大</td>
        <td>DOG</td>
        <td>FW</td>
    </tr>
</table>

<hr size="20px" color="cyan">

<table width="480px" height="270px" align="center" border="1px"
       cellspacing='0px' cellpadding='0px'
       style="background-size: 100%;
       background-image: url('https://www.bing.com/th?id=OHR.LifeguardEntrance_ZH-CN7394984988_1920x1080.jpg&rf=LaDigue_1920x1080.jpg&pid=HpEdgeAn')"
>
    <caption align="center">小女孩培训</caption>
    <thead>
    <tr align="center">
        <td>姓名</td>
        <td>年龄</td>
        <td>性别</td>
        <td>籍贯</td>
    </tr>
    </thead>
    <tbody>
    <tr align="center">
        <td>时代洪流</td>
        <td>1963</td>
        <td>secret</td>
        <td>中国</td>
    </tr>
    <tr align="center">
        <td>天涯歌女</td>
        <td>1975</td>
        <td>secret</td>
        <td>北京</td>
    </tr>
    <tr align="center">
        <td>江湖儿女</td>
        <td>1989</td>
        <td>secret</td>
        <td>山西</td>
    </tr>
    <tr align="center">
        <td>山河故人</td>
        <td>2003</td>
        <td>secret</td>
        <td>贾樟柯</td>
    </tr>
    </tbody>


</table>

<hr size="20px" color="blue">

<table border="1px" width="500px" height="300px" align="center"
       style="border-collapse: collapse;border: 1.5px black">
    <caption align="center">作息时间表</caption>
    <thead>
    <tr bgcolor="#f8f8ff" align="center">
        <td>14:30-15:30</td>
        <td>整理笔记</td>
        <td rowspan="2" bgcolor="#ff0000">固定时间</td>
    </tr>
    <tr align="center">
        <td>15:30-16:00</td>
        <td>复习</td>
    </tr>
    <tr align="center">
        <td>16:00-17:30</td>
        <td>做作业</td>
        <td rowspan="4" bgcolor="#9bc2e6"> 灵活时间
            <img src="bitbug_iceberg.ico" height="15px" ></td>
    </tr>
    <tr align="center">
        <td colspan="2" bgcolor="#f8cbad">自由时间</td>
    </tr>
    <tr align="center">
        <td>18:30-21:00</td>
        <td>做作业</td>
    </tr>
    <tr align="center">
        <td>18:30-21:00</td>
        <td>了解其他</td>
    </tr>
    </thead>
</table>


</body>
</html>
A1L__
关注
day03 HTML表格和表单
weixin_45622365的博客
09-10 178
一、 表格：现在还是较为常用的一种标签，但不是用来布局，常见处理、显示表格式数据。 1、创建表格： <table> <tr> <td>单元格内的文字</td> ... </tr> ... </table> 在上面的语法中包含三对HTML标签，分别为 <table></table&...
html-day02笔记-表格、列表和表单
function_road的博客
04-21 227
typora-copy-images-to: media 第01阶段.web基础：html-day02笔记-表格、列表和表单 HTML 第二天目标 能够利用表格、列表和表单完成注册页面的综合案例 能出说表格用来做什么的 能说出列表用来做什么的 能说出表单用来做什么的 为了让我们页面显示的更加整齐，我们需要学习三个表（表格、表单、列表） 一、表格 table(会使用) 学习目标 理解：...
html书写表单laber,day02_HTML表格列表表单
weixin_33978722的博客
06-24 237
定义表格列的组。1.4单元格合并1. 确定目标单元格位置目标单元格的位置，原则为上边的单元格优先级大于下边的单元格优先级,左边的单元格优先级大于右边的优先级。2. 确定合并方式根据合并方向，在目标单元格确定合并方式为跨行或者跨列。3. 删除多余的单元个删除数量=合并数量-11.5 表格注意表格一般用于数据展示，布局不是一个好的方案。表格中没有列元素,列的数量取决于单元格的数量。二、列表主要用于页面...
day2（表格表单）
weixin_45615616的博客
09-11 214
表格 table(会使用) 表格的现在还是较为常用的一种标签，但不是用来布局，常见处理、显示表格式数据。 创建表格 在HTML网页中，要想创建表格，就需要使用表格相关的标签。创建表格的基本语法格式如下： <table> <tr> <td>单元格内的文字</td> ... </tr> ... </table...
html表格、列表和表单
Driedmango的博客
04-03 777
typora-copy-images-to: media 第01阶段.web基础：html-day02笔记-表格、列表和表单 HTML 第二天目标 能够利用表格、列表和表单完成注册页面的综合案例 能出说表格用来做什么的 能说出列表用来做什么的 能说出表单用来做什么的 为了让我们页面显示的更加整齐，我们需要学习三个表（表格、表单、列表） 一、表格 table(会使用) 学习目标 理解：...
前端复习 Seventh Day 表单标签
沉默的羔羊的博客
01-14 95
1、表单简介 在HTML中，一个表单，通常由表单控件（表单元素）、提示信息和表单域三个部分构成 表单控件：包含了具体的表单功能项，如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等 提示信息：一个表单通常还需要包括一些说明性的文字，提示用户进行填写和操作 表单域：相当于一个容器，用来容纳所有的表单控件和提示信息，可以通过定义处理表单数据所用程序的url地址，以及数据提交到服务器的方法。 2...
day03 表格表单 html新特性
weixin_44304606的博客
09-16 230
表格 table 创表格 在HTML网页中，要想创建表格，就需要使用表格相关的标签。创建表格的基本语法格式如下： <table> <tr> <td>文字</td> ... </tr> ... </table> 在上面的语法中包含三对HTML标签，分别为 <table></tabl...
day22-web/表单实例
weixin_44818729的博客
04-02 63
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>表单的例子 - 注册</title> </head> <body> &...
day09接口和抓包
qq_35817812的博客
12-02 130
一、软件开发的两种结构 1、CS（Client/Server）：客户端----服务器结构。C/S结构在技术上很成熟，它的主要特点是交互性强、具有安全的存取模式、网络通信量低、响应速度快、利于处理大量数据。 CS的优缺点 能充分发挥客户端PC的处理能力，很多工作可以在客户端处理后再提交给服务器，所以CS客户端响应速度快。 操作界面漂亮、形式多样，可以充分满足客户自身的个性化要求。 C/S结构的管理信息系统具有较强的事务处理能力，能实现复杂的业务流程。 安全性能可以很容易保证，C/S一...
Day19
03-27
JavaScript则用于添加动态功能，如表单验证、响应式设计等。在"Day19"的学习中，我们可能已经开始接触这些高级概念。 HTML5是当前的主流版本，引入了许多新元素，如`<header>`、`<footer>`、`<section>`、`...
day-planner
03-28
在"day-planner-main"这个文件夹中，我们可以期待找到构成这个日程计划器的HTML文件（如index.html）、CSS文件（如styles.css）和JavaScript文件（如script.js）。HTML文件将定义页面结构，CSS文件将控制视觉样式，...
Day-Trip
03-16
这通常包括HTML文件、CSS样式表和JavaScript脚本，它们共同构成了一个完整的网页或Web应用。 1. **HTML基础知识**：HTML由一系列元素组成，每个元素用标签表示。例如，`<html>`是文档的根元素，`<head>`包含元数据...
day-schedular
04-01
开发者可能使用HTML5的现代特性来创建更加互动和动态的用户体验，比如表单控件用于输入事件信息，或者利用canvas元素实现自定义的日历视图。HTML与CSS（层叠样式表）和JavaScript结合，共同构成了前端开发的三大核心...
HTML5表单详解
weixin_44196299的博客
10-13 633
HTML表单是页面与WEB服务器交互过程中最重要的信息来源，有了它我们才能在Web上进行各种各样的应用,才能和服务器进行方便快捷的交互，其在网页中的作用不可小视，负责获取用户填写数据，并通过浏览器向服务器传送数据。 一个表单有三个基本组成部分： 表单标签：这里面包含了处理表单的数据所用程序的URL以及数据提交到服务器的方法，表单名等。 语法：<form action="服务器程序URL（提交...
体育馆管理系统代码系统 Springboot体育馆管理系统（程序，中文注释）
09-26
体育馆管理系统-体育馆管理系统-体育馆管理系统-体育馆管理系统-体育馆管理系统-体育馆管理系统-体育馆管理系统-体育馆管理系统-体育馆管理系统-体育馆管理系统-体育馆管理系统-体育馆管理系统 1、资源说明：体育馆管理系统源码，本资源内项目代码都经过测试运行成功，功能ok的情况下才上传的。 2、适用人群：计算机相关专业(如计算计、信息安全、大数据、人工智能、通信、物联网、自动化、电子信息等)在校学生、专业老师或者企业员工等学习者，作为参考资料，进行参考学习使用。 3、资源用途：本资源具有较高的学习借鉴价值，可以作为“参考资料”，注意不是“定制需求”，代码只能作为学习参考，不能完全复制照搬。需要有一定的基础，能够看懂代码，能够自行调试代码，能够自行添加功能修改代码。 4. 最新计算机软件毕业设计选题大全(文章底部有博主联系方式): https://blog.csdn.net/2301_79206800/article/details/135931154 技术栈、环境、工具、软件： ① 系统环境:Windows ② 开发语言：Java ③ 框架：SpringBoot ④ 架构:B/S、M
基于Springboot和Mysql的美食推荐商城代码（程序，中文注释）
09-26
美食推荐商城-美食推荐商城-美食推荐商城-美食推荐商城-美食推荐商城-美食推荐商城-美食推荐商城-美食推荐商城-美食推荐商城-美食推荐商城-美食推荐商城-美食推荐商城 1、资源说明：美食推荐商城源码，本资源内项目代码都经过测试运行成功，功能ok的情况下才上传的。 2、适用人群：计算机相关专业(如计算计、信息安全、大数据、人工智能、通信、物联网、自动化、电子信息等)在校学生、专业老师或者企业员工等学习者，作为参考资料，进行参考学习使用。 3、资源用途：本资源具有较高的学习借鉴价值，可以作为“参考资料”，注意不是“定制需求”，代码只能作为学习参考，不能完全复制照搬。需要有一定的基础，能够看懂代码，能够自行调试代码，能够自行添加功能修改代码。 4. 最新计算机软件毕业设计选题大全(文章底部有博主联系方式): https://blog.csdn.net/2301_79206800/article/details/135931154 技术栈、环境、工具、软件： ① 系统环境:Windows ② 开发语言：Java ③ 框架：SpringBoot ④ 架构:B/S、MVC ⑤ 开发环境:IDE
基于大模型(ChatGLM2-6B, RWKV)+langchain+streamlit的PDF问答，摘要，信息抽取.zip
09-26
基于大模型(ChatGLM2-6B, RWKV)+langchain+streamlit的PDF问答，摘要，信息抽取.zip
【多智能体控制】基于matlab二阶离散多智能体系统二层邻居一致性控制【含Matlab源码 8019期】.mp4
最新发布
09-26
Matlab领域上传的视频均有对应的完整代码，皆可运行，亲测可用，适合小白； 1、代码压缩包内容 主函数：main.m； 调用函数：其他m文件；无需运行 运行结果效果图； 2、代码运行版本 Matlab 2019b；若运行有误，根据提示修改；若不会，私信博主； 3、运行操作步骤 步骤一：将所有文件放到Matlab的当前文件夹中； 步骤二：双击打开main.m文件； 步骤三：点击运行，等程序运行完得到结果； 4、仿真咨询 如需其他服务，可私信博主或扫描视频QQ名片； 4.1 博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作
Vue Day02：表单元素与绑定详解
在Day02 VUE资料整理中，主要讲解了Vue.js中的核心组件和特性，特别是与前端开发中常用的表单元素交互的部分。以下是详细的知识点总结： 1. **表单元素** - Vue提供了直观易用的数据绑定功能，使得在HTML模板中操作...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值