HTML学习笔记8（表单表格练习）

最新推荐文章于 2024-08-08 22:07:51 发布
最新推荐文章于 2024-08-08 22:07:51 发布
阅读量77 收藏
点赞数
分类专栏： 菜鸟网站之路 文章标签： html 学习 笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/YanMCui/article/details/131009288
版权

<!-- 表单表格练习 -->

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>ikun网</title>

</head>

<body>

    <table border="2" cellspacing="0" align="center" width="800" heigth="600">

        <tr>

            <td align="right">你的名字：</td>

            <td>

                <form action="" method="post">

                    <input type="text" name="username" placeholder="如：蔡徐坤泰酷辣">

                </form>

            </td>

        </tr>

        <tr>

            <td align="right">通行口令：</td>

            <td>

                <form action="" method="post">

                    <input type="password" name="pwd" placeholder="请输入密码">

                </form>

            </td>

        </tr>

        <tr>

            <td align="right">确认口令：</td>

            <td>

                <form action="" method="post">

                    <input type="password" name="repwd" placeholder="请确认密码">

                </form>

            </td>

        </tr>

        <tr>

            <td align="right">验证码：</td>

            <td>

                <form action="" method="post">

                    <input type="text" name="opwd" placeholder="请图片中蔡徐坤的发型的分数（10分制）">

                    <img src="https://img2.baidu.com/it/u=1859461512,2371403751&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=667" alt="鸡你太美" title="你干嘛~哎哟~" height="50" width="50">

                </form>

            </td>

        </tr>

        <tr>

            <td align="right">性别：</td>

            <td>

                <form action="" method="get">

                    <input type="radio" name="sex" id="man" value="man" ><label for="man">男</label>

                    <input type="radio" name="sex" id="woman" value="woman"  checked><label for="woman">女</label>

                </form>

            </td>

        </tr>

        <tr>

            <td align="right">年龄：</td>

            <td>

                <form action="" method="post">

                    <input type="text" name="age" placeholder="请输入年龄">

                </form>

            </td>

        </tr>

        <tr>

            <td align="right">兴趣：</td>

            <td>

                <select name="hobby" id="hobby">

                    <option value="0">唱</option>

                    <option value="0">跳</option>

                    <option value="0">rap</option>

                    <option value="0" selected>篮球</option>

                </select>

            </td>

        </tr>

        <tr>

            <td align="right">喜欢的坤技：</td>

            <td>

                <input type="checkbox" name="sing" id="sing" value="ksk">坤山靠

                <input type="checkbox" name="sing" id="sing" value="wyzfj">乌鸦坐飞机

                <input type="checkbox" name="sing" id="sing" value="wdybs">武当摇摆手

                <input type="checkbox" name="sing" id="sing" value="ydqf">原地起飞

            </td>

        </tr>

        <tr>

            <td align="right">ikun编号：</td>

            <td>

                <form action="" method="post">

                    <input type="text" name="ikunseq" placeholder="请填写数字">

                </form>

            </td>

        </tr>

        <tr>

            <td align="right">ikun密码：</td>

            <td>

                <form action="" method="post">

                    <input type="text" name="ikunpwd" placeholder="请填写ikun密码">

                </form>

            </td>

        </tr>

        <tr>

            <td align="right">

                <button>提交</button>

            </td>

            <td>

                <input type="reset" value="重置">

                <input type="file" name="" id="">

            </td>

        </tr>

    </table>

</body>

</html>

猫漆
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML学习笔记6——表格
少儿编程乔老师
09-16 747
为了让我们页面显示的更加整齐，HTML提供了三个标签：表格、表单、列表。 表格 table(会使用) 目标： 理解： 能说出表格用来做什么的 表格的基本结构组成 应用： 能够熟练写出n行n列的表格 能简单的合并单元格 表格作用： 表格是较为常用的一种标签，但不是用来布局，主要用来显示、展示表格式数据。 因为它可以让数据显示的非常的规整，可读性非常好。 特别是后台展示数据的时候表格运用是否熟练就显得很重要，一个清爽简约的表格能够把繁杂的数据表现得很有条理，虽然 div 布局也可以做到，但是
web前端学习笔记 day07html表格表单
starbiu的博客
12-22 443
网页基础布局 html html基础结构 html基础标签 html标签属性 html文本格式化标签 html实体转义符+html块级标签和行级标签 W3C规范+html语义化标签+文件名规范 html表格表单 1.标签通用属性 标签由标签名、标签属性、文本内容三部分组成（注：单标签没有文本） 标签属性是对标签的一种描述方式。 标签属性分通用属性、自由属性和自定义属性。 通用属性：所有标签都有具有例如： id：用来给标签取一个唯一的名称 class：给标签取一个类名 styl
HTML学习笔记
weixin_42098295的博客
05-06 771
HTML（HyperText Markup Language）是用来描述和定义网页内容的标记语言。
html学习笔记
m0_73560798的博客
08-01 276
<p>冰淇淋</p>
HTML5学习笔记
m0_61721166的博客
03-08 8940
一、网页 1.什么是网页 网站是指在因特网上根据一定的规则，使用 HTML等制作的用于展示特定内容相关的网页集合。 网页是网站中的一“页” ，通常是 HTML 格式的文件，它要通过浏览器来阅读。 网页是构成网站的基本元素，它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页，常见以.htm或.html 后缀结尾的文件，因此将其俗称为HTML文件。 2.什么是HTML HTML指的是超文本标记语言(HyperTextMarkupLanguage)，它是用来描述网页的一种语言。HTML不
HTML5 案例学习笔记
你若盛开，清风自来。
02-26 1054
HTML5 案例学习笔记
HTML学习笔记入门到精通day01
a778203081的博客
03-07 248
简单容易理解
HTML相关学习笔记
zhangyifeng_1995的博客
03-03 66
HTML学习笔记参考资料写在最前面HTML简介HTML基础HTML元素HTML属性注释标签超链接标签HTML段落HTML换行HTML输出-使用提醒HTML文本格式化pre标签HTML链接HTML\HTML\元素HTML\标签HTML表单HTML\标签HTML\标签HTML字符实体HTML实体HTML URLURL字符编码 参考资料 菜鸟教程-html 写在最前面 本文只将自己学习中，认为疑难的点记录下来。其他知识点可能看过有印象，以后能方便从资料中找到即可。 HTML简介 注：在浏览器的页面上使用按“opt
HTMLCSS学习笔记（十七）——表格、表单知识补充
qq_45268602的博客
08-16 108
表格补充 数据行分组 <thead></thead><!-- 表头 --> <tbody></tbody><!-- 表体 一个表格可以有多个表体 --> <tfoot></tfoot><!-- 表尾 --> 数据列分组 <colgroup span="value"></colgroup> <!--span属性为把几列分为一组--> 列标题 `&lt
前端HTML总结
m0_54066656的博客
08-05 909
前端笔记，HTML标签详解。
HTML-09.表单项标签
程小白的博客
08-05 358
【代码】HTML-09.表单项标签。
前端面试宝典【HTML篇】【5】
BDawn的专栏
08-05 99
form标签用于定义 HTML 表单，它用于收集用户输入的数据。而input 标签则是表单中最常用的元素之一，用于创建各种类型的输入控件。 template 标签是 HTML5 中引入的一个新元素，用于定义文档中的不可见模板。这些模板可以被脚本动态地克隆并插入到文档的可见部分中，从而实现动态内容的快速构建。
JavaWeb基础1：HTML/CSS/JS/HTTP
m0_53842576的博客
08-05 463
JavaWeb基础1：HTML/CSS/JS/HTTP (qq.com)
4个自定义倒计时
lulei5153的博客
08-03 342
【代码】4个自定义倒计时。
html制作卡通图案代码,使用HTML和CSS3绘制基本卡通图案的示例分享
爱敲代码的卡拉米的博客
08-03 613
📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器，已达到打开后就能即时看到网站的效果。📘网站素材方面：计划收集各大平台好看的图片素材，并精挑细选适合网页风格的图片，然后使用PS做出适合网页尺寸的图片。📒网站文件方面：网站系统文件种类包含：html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件；
HTML&CSS
m0_73620971的博客
08-05 1114
1、 是一个单标签。2、img 标签必须具有 src 属性，a 标签必须具有 href 属性。3、input 标签中必须指明 type 属性，其中提交按钮必须放至 form 标签内。4、类选择器前缀为 "."，ID选择器前缀为 "#"。
PySide6||QPushButton的QSS样式
最新发布
m0_56230886的博客
08-08 287
【代码】PySide6||QPushButton的QSS样式。
Zero123++ 论文学习
calvinpaean的博客
08-07 1051
随着新视图生成模型的涌现，3D 内容生成领域取得了显著进展，这些模型利用了强大的 2D 扩散生成先验知识，这些 2D 扩散模型是在互联网上的大规模数据集训练得到的。如果没有全局条件，针对可见区域生成的内容还是不错的，但是对于不可见区域，则生成质量就急剧下降了，因为模型缺乏推理物体的全局语义的能力。Reference Attention 指的就是，在对模型的输入去噪时，对一个额外的参考图像使用去噪 UNet 模型，并将参考图像中得到的自注意力 key 矩阵和 value 矩阵附加到去噪模型的相应的注意力层。
HTML学习笔记：常见错误与修复
“html学习笔记，包括html，javascript，css的学习与工作经验总结，更新至2013-6-15。” 在HTML、JavaScript和CSS的学习过程中，了解并掌握常见的问题和解决方案是至关重要的。这份学习笔记主要涵盖了这些方面，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值