HTML例题

最新推荐文章于 2023-12-18 19:42:41 发布
最新推荐文章于 2023-12-18 19:42:41 发布
阅读量176 收藏 2
点赞数
文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_53714112/article/details/112913891
版权

HTML 表单基本构架

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>遇见爱</title>
</head>
<body>
    <h4>青春不常在，抓紧谈恋爱</h4>
    <table width="500">
        <tr>
            <td> 性别</td>
            <td>
                     
                      <input type="radio" name="sex" value="nan"id="nan" > 
                      <label for="nan"> 男 </label>            
                    <input type="radio" name="sex" value="nan" id="nv" checked=”checked>
                    <label for="nv"> 女 </label>               
            </td>
        </tr>       
        <tr>
            <td>生日 </td>          
            <td>               
                <select>
                    <option >--请选择年份--</option>
                    <option>2001</option>
                    <option>2002</option>
                    <option>2003</option>
                    <option>2004</option>
                    <option>2005</option>
                    <option>2006</option>
                    <option>2007</option>
                    <option>2008</option>
                </select>
                <select>
                    <option >--请选择月份</option>
                    <option >01</option>
                    <option>02</option>
                    <option>03</option>
                    <option>04</option>
                    <option>05</option>
                    <option>06</option>
                    <option>07</option>
                    <option>08</option>
                    <option>09</option>
                    <option>10</option>
                    <option>11</option>
                    <option>12</option>
                </select>
                <select>
                    <option >--请选择日--</option>
                    <option>02</option>
                    <option>03</option>
                    <option>04</option>
                    <option>05</option>
                    <option>06</option>
                    <option>07</option>
                    <option>08</option>
                    <option>09</option>
                    <option>10</option>
                    <option>11</option>
                    <option>12</option>
                </select>         
            </td>
        </tr>
        <tr>
            <td>所在地区</td>
            <td>
               
                    <input type="text" value="北京思密达">              
            </td>
        </tr>
        <tr>
            <td>婚姻状况</td>
            <td>                                 
                    <input type="radio" id="wei" name="hunyin" checked=“checked>
                    <label for="wei"> 未婚 </label>                 
                    <input type="radio"  id="yi" name="hunyin">
                    <label for="yi"> 已婚 </label>                 
                    <input type="radio" id="li" name="hunyin">
                    <label for="li"> 离婚 </label>               
            </td>
        </tr>
        <tr>
            <td>学历</td>
            <td>
                <input type="sex" value="本科">
            </td>
        </tr>
        <tr>
            <td>喜欢的类型</td>
            <td>
                <input type="checkbox" name="hobby" id="wm"> 
                <label for="wm"> 妩媚的 </label>
                <input type="checkbox" name="hobby" id="ka">
                <label for="ka"> 可爱的 </label>
                <input type="checkbox" name="hobby" id="xxr">
                <label for="xxr">小鲜肉 </label>
                <input type="checkbox" name="hobby" id="dsx">
                <label for="dsx">大叔型 </label>
                <input type="checkbox" name="hobby" id="dxh">
                <label for="dxh"> 都喜欢 </label>
            </td>
        </tr>
        <tr>
            <td>自我介绍</td>
            <td>
                <textarea>自我介绍</textarea>
            </td>
        </tr>
        <tr>
            <td></td>
            <td>
                <input type="submit" value="免费注册">
            </td>
        </tr>
        <tr>
            <td></td>
            <td>
                <input type="checkbox" checked="checked">我同意注册条款和会员加入标准
            </td>
        </tr>
        <tr>
            <td></td>
            <td><a href="#">我是会员，立即登录</a> </td>
        </tr>
        <tr>
            <td></td>
            <td>
                <h5>我承诺</h5>
                <ul>
                    <li>年满18、单身</li>
                    <li>抱着严肃的态度</li>
                    <li>真诚的寻找另一半</li>
                </ul>
            </td>
        </tr>
    </table>
</body>
</html>

在这里插入图片描述

三观156
关注
html之表单例题
哈希不Map的博客
10-15 684
代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>个人信息</title> </head> <body> <form action="" method="get" > ...
HTML表单练习
在线学习web前端开发教程
12-16 517
整理一下思路​： 首先练习了账号密码的输入，属性为text为文本框，属性为password的为暗文文本框输入​ 第二，单选框输入属性为radio，默认选择选项checked属性为checked，不同选项之间互斥为name属性的值必须相等​。多选框输入属性为checkbox。 第三，输入框为textarea标签，里面rows属性定义最多行，cols属性定义最多列​。 第四，属性值为date代表日历，...
一个简单html的例子
javazhuanzai的专栏
02-01 436
====================================================== 注：本文源代码点此下载 ====================================================== 利用meta标记设定进入和离开页面时的特殊效果。 进入页面的特殊效果: 离开页面的特殊效果: 观察如下代码: 标题 这样的代码看起来感觉
html语言的例题,HTML试题
weixin_34070026的博客
05-30 189
01.{HTML题目}HTML是什么意思？(选择1项)A)高级文本语言B)超文本标记语言C)扩展标记语言D)图形化标记语言02.{HTML题目}浏览器针对于HTML文档起到了什么作用？(选择1项)A)浏览器用于创建HTML文档B)浏览器用于察看HTML文档C)浏览器用于修改HTML文档D)浏览器用于删除HTML文档03.{HTML题目}默认情况下，使用P标记会形成什么效果？(选择1项)A)在文字P...
html语言的例题,(HTML练习题.doc
weixin_32602775的博客
05-30 1615
(HTML练习题一、选择题1、URL又称为( A )。A.统一资源定位符 B.客户机C.网络服务商D.远程访问2、通常网页的首页被称为( A )。A.主页(index.html) B.网页 C.页面 D.网址3、网页的基本语言是( C )。A.JavaScript B.VBScript C.HTML D.XML4、网页中包含所谓的( A )，通过已经定义好的关键字和图形，只要用...
HTML编程例子
崔崇东的博客
01-02 9708
HTML编程例子
大量的html例题,html讲解
04-30
嵌套： 直接量里面可以嵌套直接量，可以无限级的嵌套。 var person={name:”大明”,age:30,sex:”男”,son:{name:”小明”,age:5,sex:”男”}}; 可以这样取值： person.son.name
三级菜单例题html.zip
03-30
【标题】"三级菜单例题html.zip"是一个包含HTML相关示例和资源的压缩包，主要涉及HTML、JavaScript以及可能的CSS和jQuery技术。这个压缩包可能是为了展示如何创建具有多级导航菜单的网页设计。 【描述】"html"表明...
例题—html（4）
m0_57738423的博客
10-07 346
十六、页面渲染过程 渲染时，大致的流程如下： （解析html以构建dom树->构建render树->布局render树->绘制render树） 具体的流程如下： 浏览器会将HTML解析成一个DOM树，DOM树的构建过程是一个深度遍历过程，当前节点的所有子节点都构建好后才会去构建当前节点的下一个兄弟节点， 将CSS解析成CSS规则树； 根据DOM树和CSS来构造render树，渲染树不等于DOM树，像header和display：none；这种没有具体内容的东西就不在渲染树中； 根据ren
html的简单例子练习（6个）
小黄呀呀呀的博客
04-19 6480
1、楚乔传 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <h1>楚乔传</h1> <p>中国大陆 67集（TV版）/58集（DVD版）&l...
HTML操作练习题.doc编程资料
04-05
HTML操作练习题.doc
HTML个别实例
abcdefghwelcome的博客
10-10 1348
1、第一次使用HTML &lt;title&gt;第一次使用HTML&lt;/title&gt; &lt;/head&gt; &lt;body&gt; hello，HTML 2、文本处理 &lt;title&gt;文本处理&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;!-- 标题 --&gt; &amp
html+css+JavaScript例题
weixin_34122548的博客
10-30 249
这个例题主要是做一个表格，一个存储学生资料的表格，能够完成以下功能：添加学生删除学生修改学生分页查询学生html代码：<!DOCTYPEhtml> <html> <head> <metacharset="utf-8"/> <title></title> ...
HTML表格例题与应用
Tony_pake的博客
08-23 606
表格             张三 20 郑州 李四 22 洛阳 1 2 1 2 3 4 2 3 4 2 3 4 1 2 1 2 3 4 2 3 4 2 3 4 内填充c
HTML面试题：30道含答案和代码示例的练习题
三拾的博客
06-21 2714
HTML文档通常包含HTML标签和文本内容，标签用于描述文档的结构和内容。HTML元数据是用于描述HTML文档的一类数据。元数据通常包含文档的标题、描述、关键字、作者等信息，可以用于SEO（搜索引擎优化）。可以使用CSS（层叠样式表）来设置HTML元素的样式。HTML属性是用于设置HTML元素的额外信息。属性通常出现在标签的开始部分，如。HTML标签是HTML文档中用于定义元素的代码。标签通常是成对出现的，分别表示起始标签和结束标签，中间包含元素的内容。HTML元素的盒模型是用于描述元素尺寸和布局的模型。
HTML经典习题
m0_74053917的博客
12-11 948
html习题题目
HTML入门习题及答案
乃乃天外仙
04-22 8154
题目来源1 题1 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <h3>各科小常识</h1> <hr /> <h...
35道HTML高频题整理(附答案背诵版)
最新发布
帅地
12-18 1567
而HTML5的应用缓存则可以由开发者精细控制，开发者可以通过创建一个缓存清单（manifest文件），来明确指定哪些文件应该被缓存，哪些文件需要从网络加载，哪些文件在无网络连接时有备用资源等。请注意，虽然 HTML5 提供了更多的特性和功能，但并不是所有的浏览器都完全支持 HTML5，所以在使用 HTML5 新特性时，需要考虑到浏览器的兼容性问题。需要注意的是，不同的浏览器可能支持不同的视频格式，因此可能需要提供多种格式的视频文件，以确保在所有浏览器中都可以播放。
HTML基础 实例
司天宏的博客
01-11 3755
&amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html lang=&quot;en&quot;&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;title&amp;gt;Title&amp;lt;/title&
html与css与js相关实训例题
07-28
回答: 在HTML、CSS和JS相关的实训例题中，你可以考虑以下几个方面的内容。首先，你可以使用HTML创建一个简单的网页结构，包括标题、段落、列表等基本元素。然后，你可以使用CSS来美化你的网页，包括设置字体、颜色、...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值