表单的制作

最新推荐文章于 2024-11-10 15:30:00 发布
最新推荐文章于 2024-11-10 15:30:00 发布
阅读量196 收藏
点赞数
文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_80106709/article/details/135147353
版权

<!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>用户注册表单</title>

</head>

<body>

    <table align="center">

        <form action="#" method="POST">

        <thead>

            <tr>

                <th colspan="3">

                    <h3>用户注册表单</h3>

                </th>

            </tr>

        </thead>

        <tbody>

            <tr>

                <td colspan="3">

                    <hr color="grey" width="700" size="1">

                </td>

            </tr>

            <tr>

                <td colspan="3">

                    <font color='purple'>

                        基本信息填写

                    </font>

                </td>

            </tr>

            <tr>

                <td align="right">用户名：</td>

                <td>

                    <input type="text" maxlength="6" placeholder="请输入用户名" required>

                </td>

                <td>

                    <font color='red'>

                        用户名长度最多不超过6个字符

                    </font>

                </td>

            </tr>

            <tr>

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

                <td>

                    <input type="password" maxlength="10" required>

                </td>

                <td>

                    <font color='red'>

                        密码长度最多不超过10个字符

                    </font>

                </td>

            </tr>

            <tr>

                <td align="right">确认密码：</td>

                <td>

                    <input type="password" maxlength="10" required>

                </td>

                <td>

                    <font color='red'>

                        重复密码

                    </font>

                </td>

            </tr>

            <tr>

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

                <td>

                    <input type="radio" name="sex" id="s1">

                    <label for="s1">男</label>

                    &nbsp;&nbsp;&nbsp;

                    <input type="radio" name="sex" id="s2">

                    <label for="s2">女</label>

                </td>

            </tr>

            <tr>

                <td align="right">出生日期：</td>

                <td>

                    <input type="date">

                </td>

            </tr>

            <tr>

                <td align="right">爱好：</td>

                <td>

                    <input type="checkbox" id="a1">

                        <label for="a1">阅读</label>

                    <input type="checkbox" id="2">

                        <label for="a2">锻炼</label>

                    <input type="checkbox" id="a3">

                        <label for="a3">听歌</label>

                    <input type="checkbox" id="a4">

                        <label for="a4">写作</label>

                </td>

                <td>

                    <font color='red'>

                        至少选择三项

                    </font>

                </td>

            </tr>

            <tr>

                <td align="right">个人介绍：</td>

                <td>

                    <textarea name="" id="" cols="30" rows="10"></textarea>

                </td>

            </tr>

            <tr>

                <td colspan="3">

                    <hr color="grey" width="700" size="1">

                </td>

            </tr>

            <tr>

                <td colspan="3">

                    <font color='purple'>

                        绑定邮箱

                    </font>

                </td>

            </tr>

            <tr>

                <td align="right">邮箱类型：</td>

                <td>

                    <select>

                        <option value="">--邮箱类型--</option>

                        <option value="">QQ邮箱</option>

                        <option value="">网易邮箱</option>

                        <option value="">outlook邮箱</option>

                    </select>

                </td>

            </tr>

            <tr>

                <td align="right">邮箱账号：</td>

                <td>

                    <input type="text" required>

                </td>

            </tr>

            <tr>

                <td align="right">邮箱密码：</td>

                <td>

                    <input type="password" required>

                </td>

            </tr>

            <tr>

                <td colspan="3">

                    <hr color="grey" width="700" size="1">

                </td>

            </tr>

            <tr>

                <td colspan="3">

                    <font color='purple'>

                        密码保护信息

                    </font>

                </td>

            </tr>

            <tr>

                <td align="right">密码保护问题：</td>

                <td>

                    <select>

                        <option value="">--密码保护问题--</option>

                        <option value="">真实姓名是什么</option>

                        <option value="">最喜欢的颜色</option>

效果图:

      876add3688db43b6a8568b0827371637.png              

 

2301_80106709
关注
angular动态表单制作
08-27
Angular 动态表单制作技术详解 Angular 动态表单是一种灵活的表单制作方法，它可以根据用户的选择或服务器返回的信息进行重新配置，增加或删除表单元素等。Angular 动态表单的核心是组件生成和动态加载技术。 一、...
Dreamweaver表单制作ppt课件.ppt
11-15
"Dreamweaver表单制作ppt课件" Dreamweaver是一款功能强大且流行的网页设计软件，用于创建复杂的网页结构和设计。Dreamweaver提供了多种功能强大的工具来帮助设计师创建复杂的网页结构和设计。本课程主要介绍...
Bootstrap表单制作代码
08-31
Bootstrap 表单制作代码 Bootstrap 是一个功能强大且流行的前端框架，对于web开发者来说是一个非常重要的工具。今天，我们将详细介绍 Bootstrap 表单的制作代码，了解 Bootstrap 提供的表单布局类型，并且通过一个...
可视化表单制作可视化表单制作
05-20
在IT行业中，可视化表单制作是一项重要的技能，尤其在网页设计和开发中。它涉及到HTML、JavaScript以及与表单相关的各种技术。以下是关于这个主题的详细知识点： 1. **HTML表单基础**：HTML（超文本标记语言）是...
HTML单页面实现量子纠缠效果
weixin_52236586的博客
11-06 428
【代码】单页面量子纠缠效果。
DevExpress中文教程 - 如何使用AI模型检查HTML编辑中的语法？
需要界面开发、IDE工具研发中文教程资料的小伙伴，记得私信我~
11-04 860
本文将主要展示如何将AI相关功能添加到HTML编辑控件并调整其UI获得最佳用户体验，欢迎下载最新版组件体验！
初识HTML
chestnut_orenge的博客
11-05 1006
什么是HTML呢？HTML是超文本标记语言，HTML代码是由“标签”构成的超文本：文本、声音、图片、视频、表格、链接标记：由许许多多的标签组成HTML页面是运行到浏览器上面的。
一七五、HTML 不同类型的事件及其说明和示例
梅某某
11-07 877
HTML 事件处理程序是通过 JavaScript 来捕获和响应不同的用户操作、系统事件或浏览器事件。下面是不同类型的事件及其说明和示例。
IntersectionObserver鼠标在页面左右滑动时，右侧滚动条会上下抖动，但页面不会
poguanba的博客
11-07 295
‌，这通常是由于页面宽度设置不当导致的。当页面内容没有占满屏幕时，右侧不会出现滚动条，但当内容加载更多时，页面宽度设置为auto会导致整个页面向左移动，从而产生抖动现象。
前端八股文(一)HTML 持续更新中。。。
DogEgg_001的博客
11-06 689
src：用于js脚本，img、iframe、script等标签加载时会阻塞主线程，将资源内容嵌入到当前标签所在的位置，将其指向的资源下载应用到文档内href：用于链接a、link等标签href指向外部资源所在的位置，和当前元素位置建立链接，将其下载的时候不会阻止其他资源的加载解析。
常见前端代码分析面试题Javascript|html
警警的博客
11-08 633
html\CSS\Javascript
W3C HTML 活动
wjs2024的博客
11-08 367
W3C于2008年1月22日发布了HTML 5的工作草案。W3C不仅推动了HTML语言的发展，也促进了Web技术的标准化和普及【7†source】【8†source】【9†source】。这个版本在HTML 2.0的基础上增加了许多广泛使用的特性，如字体、表格、applets、围绕图像的文本流、上标和下标等。它是HTML的早期版本，但目前已不再使用，因为现有的浏览器都依赖于更新的HTML版本。关于W3C（万维网联盟）的HTML活动，我们可以从HTML的不同版本的发展历程中了解其主要的活跃时期和贡献。
Java与HTML中的标题、文本和图像
2301_77081232的博客
11-09 869
html复制代码 <h1>这是一级标题</h1> <h2>这是二级标题</h2> 标题标签不仅用于显示不同级别的标题内容，还对搜索引擎优化（SEO）有着重要意义。搜索引擎会根据标题标签的层级结构来理解网页内容的层次关系。 在Java中生成HTML标题 在Java中，我们可以通过字符串拼接或者使用模板引擎（如Thymeleaf、Freemarker等）来生成包含标题标签的HTML内容。 以字符串拼接为例： java复制代码 public class HtmlTit
HTML5+css3（浮动，浮动的相关属性，float，解决浮动的塌陷问题，clear，overflow，给父亲盒子加高度，伪元素）
2301_81256766的博客
11-09 342
HTML5+css3（浮动，浮动的相关属性，float，解决浮动的塌陷问题，clear，overflow，给父亲盒子加高度，伪元素）
零基础上手WebGIS+智慧校园实例（1）【html by js】
2403_83182682的博客
11-09 1269
！等下再更新一下1. WebGIS矢量图形的绘制（超级详细！！），2. WebGIS计算距离， 以及智慧校园实例 with 3个例子！！！！，尽情期待！！！之后代码+资料全部发到github里，希望大家能关注一下咱的Github进行WebGIS开发时，引入API是一个关键步骤，它允许开发者将地图服务和功能集成到自己的Web应用中。一、API简单定义。
HTML 基础架构：理解网页的骨架
最新发布
jht_520的博客
11-10 197
meta name="keywords" content="HTML, 标签, 元数据">用于设置页面的关键字。<meta name="description" content="这是页面的描述">用于设置页面的描述。例如：<script src="script.js"></script>用于引入名为script.js的JavaScript文件。总结：HTML的文档结构由<html>、<head>和<body>标签组成。HTML的文档结构主要由以下几个部分组成：<html>、<head>和<body>。
浏览器漫谈-HTML--（1）从“头“看[HTML]
m0_74117421的博客
11-08 835
这一个专栏我们会从简单的html结构讲起，讲到它的设计思路，以及他是如何在浏览器中发挥作用的。最后，我们会拿出来几个做到比较有意思的html详细剖析一下它的实现原理，使用到了哪些技术。
HTML&CSS：3D 旋转卡片的炫酷动画
weixin_52814911的博客
11-05 1021
这段代码是一个HTML和CSS的组合，用于创建一个具有3D效果的动画卡片。
HTML 区块
lly202406的博客
11-10 402
独立性：区块元素通常独立成块，前后会有换行。格式化：浏览器在渲染时会按照区块元素的样式来显示内容。包含性：区块元素可以包含其他内联元素或某些区块元素。<h1><h6>：标题元素，用于定义不同级别的标题。<p>：段落元素，用于定义文本段落。<div>：分区元素，用于定义文档中的一个区域，常用于布局。<ul><ol><li>：无序列表、有序列表和列表项元素，用于定义列表。<table><tr><td>：表格元素，用于定义表格结构。：块引用元素，用于引用一段文本。<form>
Dreamweaver表单制作教程：从基础到精通
"Dreamweaver表单制作ppt课件.ppt" 在网页设计中，表单是不可或缺的一部分，它允许用户输入信息并与网站进行互动。Dreamweaver作为一款强大的网页设计工具，提供了方便的表单制作功能。本讲内容主要涵盖以下几个...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值