html 03

最新推荐文章于 2024-11-14 00:00:11 发布
最新推荐文章于 2024-11-14 00:00:11 发布
阅读量92 收藏
点赞数 1
分类专栏： html 文章标签： html html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_54513694/article/details/119567181
版权

综合案例-注册界面

一，环境：vscode
二，样式
在这里插入图片描述
三，代码

<!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>Document</title>
</head>
<body>
    <h3>青春不常在，抓紧谈恋爱！</h3> <br/>
    <table width=600>
        <form>
            <tr>
                <td>性别：</td>
                <td>
                    <input type="radio" name="sex" id="man" value="男"> <label for="man">男<img src="images/man.jpg" /></label>
                    &nbsp;&nbsp;
                    <input type="radio" name="sex" id="women" value="女"><label for="women">女<img src="images/women.jpg" /></label>
                </td>
            </tr>
            <tr>
                <td>生日：</td>
                <td>
                    <select>
                        <option>--请选择年份--</option>
                        <option>2001</option>
                        <option>2002</option>
                        <option>2003</option>
                    </select>
                    <select>
                        <option>--请选择月份--</option>
                        <option>1</option>
                        <option>2</option>
                        <option>3</option>
                    </select>
                    <select>
                        <option>--请选择日--</option>
                        <option>1</option>
                        <option>15</option>
                        <option>26</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>所在地区：</td>
                <td><input type="text" value="河南省" name="area"></td>
            </tr>
            <tr>
                <td>婚姻状况：</td>
                <td>
                    <input type="radio" name="hyzk" id="weihun"><label for="weihun">未婚</label>
                    &nbsp;
                    <input type="radio" name="hyzk" id="yihun"><label for="yihun">已婚</label>
                    &nbsp;
                    <input type="radio" name="hyzk" id="weihun"><label for="lihun">离婚</label>
                </td>
            </tr>
            <tr>
                <td>学历：</td>
                <td><input type="text" value="博士后"></td>
            </tr>
            <tr>
                <td>喜欢的类型：</td>
                <td>
                    <input type="checkbox" id="tianmei" name="form"><label for="tianmei">甜美</label>&nbsp;
                    <input type="checkbox" id="huola" name="form"><label for="huola">火辣</label>&nbsp;
                    <input type="checkbox" id="qingchun" name="form"><label for="qingchun">清纯</label>&nbsp;
                    <input type="checkbox" id="youren" name="form"><label for="youren">诱人</label>&nbsp;
                    <input type="checkbox" id="dxh" name="form" checked="checked"><label for="dxh">都喜欢</label>
                </td>
            </tr>
            <tr>
                <td>个人介绍：</td>
                <td>
                    <textarea>--个人介绍--</textarea>
                </td>
            </tr>
            <tr>
                <td></td>
                <td><input type="reset"></td>
            </tr>
            <tr>
                <td></td>
                <td><input type="submit" value="免费注册"></td>
            </tr>
            <tr>
                <td></td>
                <td>
                    <input type="checkbox" checked="checked" id="ty"><label for="ty">我同意注册条款和会员加入标准</label>
                </td>
            </tr>
            <tr>
                <td></td>
                <td>
                    <h4>我承诺：</h4>
                    <ul>
                        <li>年满18</li>
                        <li>遵守规定</li>
                    </ul>
                </td>
            </tr>
        </form>
    </table>
</body>
</html>
「已注销」
关注
专栏目录
HTML小游戏4 —— 简易版英雄联盟（附完整源码）
前端好玩的小案例、游戏、工具
10-31 6万+
本节教程我会带大家使用 HTML 、CSS和 JS 来制作一个本节示例将会实现如下所示的简易版英雄联盟小游戏。效果：源码也可在文末进行获取。
HTML表格样式
ZYX13721846745的博客
10-08 8134
9675人阅读 行跟列背景颜色的选择，合并等 列的颜色选择代码 <colgroup span="1" bgcolor="lightgreen"></colgroup> <colgroup span="1" bgcolor="lightyellow"></colgroup> <colgroup span="2" bgcolor="lightgreen"> <col bgcolor="lightgray"> <col&
03 HTML_网页中的表格
遇见你 的博客
02-24 7003
<table> 定义表格区域 border 表格边框 tr 定义表格的行 td 行中的单元格 th 表格表头 caption 表格标题 colspan 水平合并 rowspan 垂直合并
HTML创建表格
qq_51049931的博客
07-08 1万+
制作网页时，使用表格可以更清晰的排列数据，是网页制作中使用最多的形式之一。 一、创建并设置表格属性 1.表格的基本标记——table、tr、td 表格由行、列、单元格三部分组成：table（表格标记）、tr（行标记）、td（单元格标记） 行：表格中的水平间隔； 列：表格中的垂直间隔； 单元格：表格中行与列相交所产生的区域。 基本语法： ...
HTML零基础入门教程完整版
哈哈
09-11 2万+
HTML零基础入门教程完整版
HTML中placeholder用法
liulin_2003的博客
05-27 4955
placeholder
Web全栈~03.HTML5新特性
qq_41424688的博客
01-05 1万+
Web基本教程~03.HTML5新增元素 上一期 HTML5 新增 type 类型
HTML 做个漂亮的表格
dhxb45678的博客
01-28 1万+
本期我们主要讲述怎样做一个简单漂亮的表格，外加一点关于 表格 这方面的一些笔记和注意点。 目录 相关笔记 一、基本结构 二、相关属性（可以直接写在标签里） 三、合并单元格 实践：做一个 biu特佛 的表格 相关笔记 一、基本结构 <table> <thead> <tr> <th>姓名</th> <th>性别</th> <th..
html 多级菜单
魑魅魍魉9527
11-24 1万+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Ty
HTML URL转义字符
m0_37693200的博客
05-12 1万+
URL转义字符 HTML Encoding Reference URL-encoding : ASCII Character %20 : space %21 : ! %22 : “ %23 : # %24 : $ %25 : % %26 : & %27 : ‘ %28 : ( %29 : ) %2A : * %2B : + %2C : , %2D : – %2E : . %2F : / %30 : 0 %31 : 1 %32 : 2 %33 : 3 %34 : 4 %35 : 5 %36 : 6
web前端 html+css+javascript网页设计实例 企业网站制作
热门推荐
weixin_44790790的博客
08-17 8万+
(案例源码链接在文章末尾，仅供学习参考) 一、在浏览器中的运行结果： 二、部分代码 1.HTML： <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>启乐官网</title> <link rel="stylesheet" href="style.css"/> <script src="myjs.j
html标签各属性之间用空格隔开对吗,03-HTML标签（二）
weixin_39899691的博客
06-04 4104
一、HTML常用标签1、排版标签排版标签主要和css搭配使用，显示网页结构的标签，是网页布局最常用的标签。1.1、标题标签 h1 ~ h6单词缩写： head 头部. 标题为了使网页更具有语义化，我们经常会在页面中用到标题标签，HTML提供了6个等级的标题。语义：作为标题使用，并且依据重要性递减语法： 标题文本 标题文本 标题文本 标题文本 标题文...
java实现在线预览----poi操作word转html及03、07版本兼容问题
wy123123000的博客
06-20 2万+
/** * word07版本(.docx)转html * poi:word07在线预览 * */ public static void PoiWord07ToHtml (HttpServletRequest request) throws IOException{ String path= "C:\\Users\\Administrator\\Desktop\
java实现在线预览----poi操作excel转html及03、07版本兼容问题
wy123123000的博客
06-23 8068
poi操作excel转html及其兼容问题 excel03是读取文件整个内容转为字符串存进html，excel07是读取文件内容拼成字符串存进html /** * excel03转html * filename:要读取的文件所在文件夹 * filepath:文件名 * htmlname:生成html名称 * path:html存放路径 * */
HTML5和CSS3 WEB技术开发
张晨光老师的播客
01-02 6579
B站视频参考：https://www.bilibili.com/video/BV1H44y1k7ze/[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Uwbid43Z-1672665963237)(asseits/image-20210831212039584.png)]HTML:超文本标记语言(Hyper Text Markup Language)，标准通用标记语言下的一个应用。 HTML 不是一种编程语言（C、Java、python、R等），而是一种标记语言 (markup
探索 HTML 和 CSS 实现的 3D 开关按钮
weixin_52814911的博客
11-11 469
这段代码是一个HTML和CSS的组合，用于创建一个3D风格的开关按钮（通常用于控制某些设置的开启或关闭）
vue计算属性 初步使用案例
weixin_46253800的博客
11-13 180
会根据我们单项筛选，进行相应的页面展示，计算属性类似于函数，也有其返回值，返回值可以是个数组。用v-model对priceFilter进行了双向数据帮当，单选每一项的时候，会改变其值。computed是计算属性，它与data同级代码块。其中 用v-for循环进行页面打印表单。totalPrice()用于计算总价格。（本章节仅仅面向初步学习，页面简陋）计算属性可以写多个 如同函数类似，这个页面，由计算属性来操控。计算属性可用于插值表达式。在我们的计算属性当中。
HTML之表单学习记录
最新发布
qq_74474809的博客
11-14 146
表单
精读HTML文件——head篇
2401_87603544的博客
11-08 925
首先，<meta>标签是卸载html文件的<head>标签下的，它的内容不会在页面上显示，不过会被浏览器的渲染器识别并执行，这段代码viewport就是一个视图接口，即网站展现在用户面前的样子,width=device-width,就是网页的宽度随着设备的宽度改变而改变，initial-scale=1,是为了优化网页的视觉效果，确保网页在加载的过程中，不会被缩放。3、<meta charset="UTF-8" />这段代码很明显，就是定义编码格式，html代码用UTF-8的形式呈现在网页上。
赚钱项目: 03htmlc压缩包深入解析
资源摘要信息: "03htmlc共46页.pdf.zip" 从提供的文件信息来看，这个压缩包的标题、描述和标签都相同，且都标示为"03htmlc共46页.pdf.zip"。这表明文件可能是一个包含46页内容的PDF文档，该文档与HTMLC相关的某个...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值