html注册案例

最新推荐文章于 2024-08-11 02:49:42 发布
最新推荐文章于 2024-08-11 02:49:42 发布
阅读量68 收藏
点赞数
文章标签： html 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_55038051/article/details/128105669
版权
这是一个网页注册表单，包括性别选择、生日选择（年、月、日）、所在地区输入、婚姻状况选择、学历输入、喜欢类型多选以及自我介绍的文本区域。用户需同意注册条款和加入标准，提供一个登录链接，并承诺年满18岁且单身，以严肃态度寻找伴侣。
摘要由CSDN通过智能技术生成

<!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 width="1000">

        <!-- 第一行 -->

        <tr>

            <td>性别</td>

            <td><input type="radio" checked="1">男<input type="radio">女</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>

                    <option >4</option>

                    <option >5</option>

                    <option >6</option>

                    <option >7</option>

                    <option >8</option>

                    <option >10</option>

                    <option >11</option>

                    <option >12</option>

                </select>

                <select>

                    <option >--请选择日--</option>

                    <option >1</option>

                    <option >2</option>

                    <option >3</option>

                </select>

            </td>

        </tr>

        <!-- 第三行 -->

        <tr>

            <td>所在地区</td>

            <td><input type="text" value="北京思密达"></td>

        </tr>

        <!-- 第三行 -->

        <tr>

            <td>婚姻状况</td>

            <td><input type="radio"> 未婚<input type="radio" checked="1">已婚<input type="radio">离婚</td>

        </tr>

        <!-- 第四行 -->

        <tr>

            <td>学历</td>

            <td><input type="text" value="幼儿园"> </td>

        </tr>

        <!-- 第五行 -->

        <tr>

            <td>喜欢类型</td>

            <td><input type="checkbox">妩媚的 <input type="checkbox">可爱的 <input type="Checkboxes">小鲜肉 <input type="checkbox">老腊肉<input type="checkbox" checked="1">都喜欢</td>

        </tr>

        <!-- 第六行 -->

        <tr>

            <td>自我介绍</td>

            <td><textarea name="" id="" cols="30" rows="10">自我介绍</textarea></td>

        </tr>

        <!-- 第七行 -->

        <tr>

            <td></td>

            <td><input type="submit" value="免费注册"></td>

        </tr>

        <!-- 第八行 -->

        <tr>

            <td></td>

            <td><input type="checkbox" checked="1">我同意注册条款和会员加入标准</td>

        </tr>

        <!-- 第九行 -->

        <tr>

            <td></td>

            <td>

                <a href="#">我是会员，立即登录</a>

            </td>

        </tr>

        <!-- 第九行 -->

        <tr>

            <td></td>

            <td>

                <h2>我承诺</h2>

                <ul>

                    <li>年满18岁5单身</li>

                    <li>抱着严肃的态度</li>

                    <li>真诚寻找另一半</li>

                </ul>

            </td>

        </tr>

    </table>

</body>

</html>

 

前端小刘呀
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
给html注册事件,HTML 事件(二) 事件的注册与注销
weixin_29119033的博客
06-08 481
本篇主要介绍HTML元素事件的注册、注销的方式。其他事件文章3.HTML 事件(三)事件流[未发布]4.HTML 事件(四)模拟事件操作[未发布]目录1. 注册事件：介绍通过元素的事件属性、addEventListener()以及attachEvent()方法进行事件的注册。2. 注销事件：介绍通过removeEventListener()、detachEvent()以及事件属性赋值为nu...
【小技巧】js为html控件注册事件
weixin_33807284的博客
07-25 157
在最近的工作中，需要做一个效果：(最终效果—展开时)（闭合时）通过点击请选择旁边的箭头来展开或闭合。很正常的我们会为这个箭头图片添加一个click事件，可能代码如下： <imgonclick="showReceiverChoice()"src="dropdown.jpg"align="absmiddle"id="imgchoosesender"sty...
给html注册事件,javascript如何为html标签注册相应的处理事件呢？
weixin_30420799的博客
06-08 266
摘要:下文讲述js代码为html标签注册事件的方法分享，如下所示；实现思路:直接为html标签上的onclick属性上放入函数的属性值，即可为html标签添加相应的处理事件例:为按钮加上相应的注册事件猫猫教程(maomao365.com)#divTest{width:300px;height:100px;background:green;color:white;text-align:center;...
html前端学习十二:循环注册事件 函数
苦苦思索的吃瓜群众博客
12-23 300
循环注册事件 熟悉掌握this 可以任意定义属性 <ul id="list"> <li>111</li> <li>222</li> <li>333</li> <li>444</li> <li>555</li> </ul> ...
给html注册事件,JS和HTML分离:注册事件的方法进行封装
weixin_39835965的博客
06-08 118
原文：http://www.cssrain.cn/article.asp?id=985首先是最常规的方法：testfunction test(){alert("test");}当某一天，我们知道JavaScript要跟HTML结构实现分离后，就会改了一种写法：testfunction test(){alert("test");}window.onload = function(){document...
16会员注册案例.html
09-11
16会员注册案例.html
一号店网站HTML案例
05-11
【一号店网站HTML案例】是一个非常适合初学者进行实践和提升HTML及CSS3技能的资源。这个案例涵盖了构建电商网站的基本元素和设计技巧，是检验学习成果并深化理解的理想平台。 HTML（HyperText Markup Language）是...
java web 登陆注册案例
12-12
本案例"java web 登陆注册案例"旨在教你如何利用一系列技术，包括JDBC（Java Database Connectivity）、JSP（JavaServer Pages）、JSTL（JavaServer Pages Standard Tag Library）、DBCP（Database Connection Pool...
html javascript css 案例
10-31
总的来说，这个"html javascript css 案例"提供了丰富的实践素材，涵盖了网页开发的基本要素，无论是对初学者还是经验丰富的开发者，都是一个提升技能和灵感的好资源。通过深入研究和模仿这些实例，你可以逐步掌握...
软件测试Selenium-API 操作(上机练习文档)分享
習習君的博客
05-01 3361
目录 目标 一、元素定位 目标 1.如何进行元素定位？ 2.浏览器开发者工具 2.1如何使用浏览器开发者工具 3.元素定位方式 3.1id定位 3.2name定位 3.3class_name定位 3.4tag_name定位 3.5link_text定位 3.6partial_link_text定位 4.定位一组元素 4.1find_elements_by_xxx() 4.2案例 4.3示例代码 二、XPath、CSS定位 目标...
Dom事件的注册和移除【待修改】
wtswts1232的博客
08-06 473
DOM。
HTML与JavaScript实现注册页面
我的主页
04-03 4416
本期讲解:JavaScript与HTML结合实现注册页面，主要通过JavaScript点击事件以及HTML表单来实现。
JS学习笔记---15 事件高级-1、注册事件
weixin_51744858的博客
08-17 314
事件高级 1、注册事件（绑定事件） 1.1、注册事件概述 给元素添加事件，称为注册事件或者绑定事件。 注册事件有两种方式：传统方式 和 方法监听注册方式 传统注册方法 利用 on 开头的事件 onclick < button οnclick=“alert('hi~)”></ button> btn.onclick = function(){} 特点：注册事件的唯一性 同一个元素同一个事件只能设置一个处理函数，最后注册的处理函数将会覆盖前面注册的处理函数 方法监听注册方式 W3C
HTML中绑定点击事件的方式
热门推荐
tylerlee008的专栏
01-22 3万+
HTML中为button绑定事件的方式有五种。 例如以下标签： submit 一、使用jquery进行绑定 $('#btn_submit').click(function(){ }); 二、使用原生js绑定，（注意：Internet Explorer 8 及更早IE版本不支持 addEventListener() 方法，Opera 7.0 及 Ope
html--绑定事件方式
张默的博客
09-26 3684
 例如以下标签： &lt;button type="submit" id="btn_submit"&gt; submit &lt;/button&gt; 一、使用jquery进行绑定 $('#btn_submit').click(function(){ }); 二、使用原生js绑定，（注意：Internet Explorer 8 及更早IE版本不支持 addEventListener() 方...
html--前端
m0_60274660的博客
08-07 412
只有body中的标签的内容才会输出到中断；如果要看script标签中的javascript代码的输出，需要按F12,点击Console查看。
Vue中的高频内置指令：v-text、v-html、v-cloak、v-once、v-pre
最新发布
PleaSure乐事的博客
08-11 923
Vue——v-text、v-html、v-cloak、v-once、v-pre指令
前端（HTML + CSS）小兔鲜儿项目（仿）
li3123537691的博客
08-09 659
这是一个简单的商城网站，代码部分为HTML + CSS 和少量JS代码。
达内html+table实现注册案例
01-23
在达内的HTML课程中，我们学习了如何使用HTML表格实现注册案例。 首先，我们需要创建一个HTML表单，其中包含用户需要输入的注册信息。我们可以使用表格来布局这些输入字段，以使其更整齐和可读。 在表格的开头，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值