0829注册表单案例

最新推荐文章于 2022-04-16 20:14:42 发布
最新推荐文章于 2022-04-16 20:14:42 发布
阅读量359 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/WangJiaYi948/article/details/82192300
版权 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>世纪佳缘-你在我也在</title>
    <style>
        tr {
            height: 40px;
        }   
    </style>
</head>
<body>
    <table width="600" align="center">
        <caption> <h4 style="color: pink;"> 青春不常在，抓紧谈恋爱 </h4></caption>
        <!-- 1 -->
        <tr>
            <td>性别</td>
            <td>
                <input type="radio"  name="sex"  checked="checked" /><img src="images/man.jpg" /> 男
                <input type="radio"  name="sex" /><img src="images/women.jpg" /> 女
            </td>
        </tr>
        <!-- 2 -->
        <tr>
            <td>生日</td>
            <td>
                <!-- 年份的 -->
                <select>
                    <option>--请选择年--</option>
                    <option>1995</option>
                    <option>1996</option>
                    <option>1997</option>
                    <option>1998</option>
                </select>
                <!-- 月份的 -->
                <select>
                    <option>--请选择月--</option>
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                    <option>4</option>
                </select>
                <!-- 日子 -->
                <select>
                    <option>--请选择日--</option>
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                    <option>4</option>
                </select>
            </td>
        </tr>
        <!-- 3 -->
        <tr>
            <td>所在地区</td>
            <td>
                <input  type="text" value="北京思密达" style="color: gray;" />
            </td>
        </tr>
        <!-- 4行 -->
        <tr>
            <td>婚姻状况</td>
            <td>
                <input type="radio" name="marry" checked="checked"/> 未婚
                <input type="radio" name="marry" /> 已婚
                <input type="radio" name="marry" /> 离婚
            </td>
        </tr>
        <!-- 5行 -->
        <tr>
            <td>学历</td>
            <td>
                <input type="text" value="幼儿园">
            </td>
        </tr>
        <!-- 6行 -->
        <tr>
            <td>月薪</td>
            <td>
                <input type="text" value="10000-20000">
            </td>
        </tr>
        <!-- 7行 -->
        <tr>
            <td>手机号码</td>
            <td>
                <input type="text">
            </td>
        </tr>
        <!-- 8行 -->
        <tr>
            <td>昵称</td>
            <td>
                <input type="text" >
            </td>
        </tr>
        <!-- 9行 -->
        <tr>
            <td>喜欢的类型</td>
            <td>
                <input type="checkbox" name="love" /> 妩媚的
                <input type="checkbox" name="love" /> 可爱的
                <input type="checkbox" name="love" /> 小鲜肉
                <input type="checkbox" name="love" /> 老腊肉
                <input type="checkbox" name="love" /> 都喜欢
            </td>
        </tr>
        <!-- 10 行 -->
        <tr>
            <td>自我介绍</td>
            <td>
                <textarea> 自我介绍 </textarea>
            </td>
        </tr>
        <!-- 11行 -->
        <tr>
            <td></td>
            <td>
                <input type="image" src="images/btn.png" />
            </td>
        </tr>
        <!-- 12 行 -->
        <tr>
            <td></td>
            <td> <input type="checkbox" name="agree" checked="checked" />我同意注册条款和会员加入标准</td>
        </tr>
        <!-- 13行 -->
        <tr>
            <td></td>
            <td>
                <a href="#">我是会员，立即登录</a>
            </td>
        </tr>
        <!-- 14 -->
        <tr>
            <td></td>
            <td>
                <h3>我承诺</h3>
                <ul>
                    <li>年满18岁、单身</li>
                    <li>抱着严肃的态度</li>
                    <li>真诚寻找另一半</li>
                </ul>
            </td>
        </tr>
    </table>
</body>
</html>

这里写图片描述
这里写图片描述

WangJiaYi948
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
django form表单登录注册案例
qq_42662411的博客
03-10 2101
1-登录注册实现思路 1-创建模型类-------从而映射生成数据表 2-创建登录模板以及注册模板 3-创建视图函数 4-配置路由 总之就是先将架构打好 然后一步一步实现功能 1-登录注册第一步–创建模型生成数据表 1-在注册的APP下面的models.py里面创建模型 from django.db import models # Create your models here. clas...
移动端 html 表单案例,【干货】5大移动端表单设计原则及案例赏析
weixin_30921373的博客
06-17 1874
当我们在享受手机App为生活带来的巨大便利时，无形中已经经历了多种多样的移动表单设计形式。而表单设计又是移动应用设计中与用户产生最多交互的步骤，包括用户注册、订阅服务、用户反馈、问卷表单、买卖交易等等。一个优秀的表单设计更有助于提升用户体验，提高转化率，达到更好的营销效果每一个表单设计的页面都有一个特定的目的，或是吸引注册，或是达成交易。考虑不周甚至是错误的设计有可能会导致用户的流失或交易失败。因...
会员注册表单案例
绿色水杯
08-21 1314
代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <form &
css注册表单案例
Protagonist
06-21 2342
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
PHP正则表达式及表单注册案例
BUG制造者:图图 <p>这是一个P标签</p>
05-25 6331
正则表达式是一种具有特定模式的用来匹配文本的字符串 preg_match 匹配 $pattern = '/php/'; $subject = "php 是最好的编程语言，php 没有之一！"; $result = preg_match($pattern,$subject); if($result){ echo "<h1>匹配成功</h1>"; }else{ echo "<h1>匹配不成功</h1>"; } preg_match_a.
form表单案例
xiangwangdeshenghuo的博客
03-27 1234
做了一个表单，是在VSCode里写的 应用的表单元素 单行输入框—input 单选按钮------radio 下拉框---------select 多选按钮------checkbox 文本域---------textarea 上传文件------input type=“file” 元素说明 div是块级元素，自动换行 span标签被用来组合文档中的行内元素，通过样式来格式化它们。 opti...
HTML表单综合案例———注册页面
weixin_45586870的博客
09-29 756
综合案例主要练习: 表格标签, 可以让内容排列整齐. 列表标签 表单标签 效果图如下： 代码实现： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=dev
HTML简单注册界面——含表单验证
热门推荐
荷塘月色
10-28 7万+
最近学习HTML表单，感慨万千。虽然看起来好像不难学，但要是真自己实践起来问题却多多。这里是我写的一个简单的注册页面，只有“注册账号、密码、重输密码”三个文本框，还包含了原生JavaScript验证。（记一下，也希望能给有需要的人一点帮助。）
HTML 表格标签、列表标签、表单标签（案例： 注册页面）
酷爱前端的小陈博客
04-16 2234
1. 表格标签 表格是实际开发中非常常用的标签: 1. 表格的主要作用 2.表格的基本语法 1.1 表格的主要作用 表格主要用于显示、展示数据，因为它可以让数据显示的非常的规整，可读性非常好。特别是后台展示数据的时候，能够熟练运用表格就显得很重要。一个清爽简约的表格能够把繁杂的数据表现得很有条理。 总结: 表格不是用来布局页面的,而是用来展示数据的。 1.2 表格的基本语法 1. <table> </table> 是用于定义表格的标签。 2. &...
表单验证案例
Rowse的博客
04-07 1309
正则表达式验证表单案例如下： HTML: 在input标签外写一个label标签的作用是点击label标签input标签内的光标就会出现,然后在input标签内加入placeholder元素在文本框内显示出提示的字样,例如：2-16字符，建议英文字母!然后设置id名,再加上span标签,最后加上br标签换行以达到可观的效果。 <div class="container" id="dv"> <h3>注册页面</h3> <label for="u..
JS正则验证注册表单案例
08-02
注册页面的表单预验证、有手机号码、验证码、身份证号、用户名、密码、再次输入密码等验证。运用正则表达式来进行验证。无误后再发起POST请求
会员注册表单验证实例
06-04
会员注册表单验证实例
JavaScript 完成注册页面表单校验的实例
12-10
1、步骤分析 第一步：确定事件(onsubmit)并为其绑定一个函数 第二步：书写这个函数(获取用户输入的数据&...2、完成注册页面表单校验 <!DOCTYPE html> <html> <head> <meta charset="UTF-8">
AngularJS实现注册表单验证功能
11-29
本文为大家分享了案例: 注册表单验证，供大家参考，具体内容如下 需要使用的两张图片： dui.gif：cuo.gif： <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title&gt...
HTML 使用表单标签实现注册页面的实例代码
12-14
案例说明：　   　- 使用表格实现页面效果  - 超链接不想要有效果，使用href="#" 　- 如果表格里面的单元格没有内容，使用空格作为占位符   　- 使用图片标签提交表单 <input type="image" src="图片的...
1235012013杨铭.zip
05-31
1235012013杨铭.zip
vue项目实战Vue实战项目篇源码.zip
05-31
vue项目实战Vue实战项目篇源码.zip Vue实战项目篇源码.zipVue实战项目篇源码.zipVue实战项目篇源码.zipVue实战项目篇源码.zipVue实战项目篇源码.zipVue实战项目篇源码.zipVue实战项目篇源码.zipVue实战项目篇源码.zipVue实战项目篇源码.zipVue实战项目篇源码.zipVue实战项目篇源码.zipVue实战项目篇源码.zipVue实战项目篇源码.zipVue实战项目篇源码.zipVue实战项目篇源码.zipVue实战项目篇源码.zipVue实战项目篇源码.zipVue实战项目篇源码.zipVue实战项目篇源码.zipVue实战项目篇源码.zipVue实战项目篇源码.zipVue实战项目篇源码.zipVue实战项目篇源码.zipVue实战项目篇源码.zipVue实战项目篇源码.zipVue实战项目篇源码.zipVue实战项目篇源码.zipVue实战项目篇源码.zipVue实战项目篇源码.zipVue实战项目篇源码.zipVue实战项目篇源码.zipVue实战项目篇源码.zipVue实战项目篇源码.zipVue实战项目篇源码.zi
NX二次开发uc4400 函数介绍
最新发布
05-31
NX二次开发uc4400 函数介绍，Ufun提供了一系列丰富的 API 函数，可以帮助用户实现自动化、定制化和扩展 NX 软件的功能。无论您是从事机械设计、制造、模具设计、逆向工程、CAE 分析等领域的专业人士，还是希望提高工作效率的普通用户，NX 二次开发 Ufun 都可以帮助您实现更高效的工作流程。函数覆盖了 NX 软件的各个方面，包括但不限于建模、装配、制图、编程、仿真等。这些 API 函数可以帮助用户轻松地实现自动化、定制化和扩展 NX 软件的功能。例如，用户可以通过 Ufun 编写脚本，自动化完成重复性的设计任务，提高设计效率；或者开发定制化的功能，满足特定的业务需求。语法简单易懂，易于学习和使用。用户可以快速上手并开发出符合自己需求的 NX 功能。本资源内容 提供了丰富的中英文帮助文档，可以帮助用户快速了解和使用 Ufun 的功能。用户可以通过资源中的提示，学习如何使用 Ufun 的 API 函数，以及如何实现特定的功能。
基于Java的二手书交易微信小程序源码.zip
05-31
提供的源码资源涵盖了安卓应用、小程序、Python应用和Java应用等多个领域，每个领域都包含了丰富的实例和项目。这些源码都是基于各自平台的最新技术和标准编写，确保了在对应环境下能够无缝运行。同时，源码中配备了详细的注释和文档，帮助用户快速理解代码结构和实现逻辑。 适用人群： 这些源码资源特别适合大学生群体。无论你是计算机相关专业的学生，还是对其他领域编程感兴趣的学生，这些资源都能为你提供宝贵的学习和实践机会。通过学习和运行这些源码，你可以掌握各平台开发的基础知识，提升编程能力和项目实战经验。 使用场景及目标： 在学习阶段，你可以利用这些源码资源进行课程实践、课外项目或毕业设计。通过分析和运行源码，你将深入了解各平台开发的技术细节和最佳实践，逐步培养起自己的项目开发和问题解决能力。此外，在求职或创业过程中，具备跨平台开发能力的大学生将更具竞争力。 其他说明： 为了确保源码资源的可运行性和易用性，特别注意了以下几点：首先，每份源码都提供了详细的运行环境和依赖说明，确保用户能够轻松搭建起开发环境；其次，源码中的注释和文档都非常完善，方便用户快速上手和理解代码；最后，我会定期更新这些源码资源，以适应各平台技术的最新发展和市场需求。
html form表单提交案例
09-07
下面以一个注册表单为例来说明HTML表单的提交过程。 一个简单的注册表单通常包括用户输入用户名、密码和确认密码等字段，并且有一个提交按钮。用户填写完表单后，点击提交按钮，就会触发表单的提交事件。 HTML表单...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值