HTML注册表单练习

最新推荐文章于 2024-04-07 09:44:00 发布
最新推荐文章于 2024-04-07 09:44:00 发布
阅读量4.8k 收藏 25
点赞数 3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41300571/article/details/79514597
版权

代码如下：

<html>
    <head>
        <title>欢迎注册</title>
    </head>
    <body>
    <h1 align="center">欢迎注册CSDN账号!</h1>
    <form action="form.html" method="post">
        <table align="center">
            <tr>
                <td align="right">注册邮箱：</td>
                <td>
                    <input type="text" name="mail"/>
                </td> 

            </tr>

            <tr>
                <td>&nbsp</td>
                <td>
                    你还可以使用<a href="#">账号</a>注册或者<a href="#">手机号</a>注册
                </td>
            </tr>

            <tr>
                <td align="right">创建密码：</td>
                <td>
                    <input type="password" name="pwd"/>
                </td>
            </tr>
            <tr>
                <td align="right">真实姓名：</td>
                <td>
                    <input type="text" name="realName"/>
                </td>
            </tr>
            <tr>
                <td align="right">性别：</td>
                <td>
                    <input type="radio" name="sex" value="male" checked="checked"/>男
                    <input type="radio" name="sex" value="female"/>女
                </td>
            </tr>
            <tr>
                <td align="right">生日：</td>
                <td>
                  <select name="year">
                    <option value="0">请选择</option>
                    <option value="1995">1995</option>
                    <option value="1996" selected="selected">1996</option>
                    <option value="1997">1997</option>
                    </select>年

                <select name="month">
                    <option value="0">请选择</option>
                    <option value="1">01</option>
                    <option value="7" selected="selected">07</option>
                    <option value="3">03</option>
                </select>月
                <select name="day">
                    <option value="0">请选择</option>
                    <option value="1">01</option>
                    <option value="2">02</option>
                    <option value="3" selected="selected">03</option>
                </select>日
            </td>
        </tr>
        <tr>
            <td align="right">我现在：</td>
            <td>
                <select name="situation">
                    <option value="0">请选择</option>
                    <option value="1" selected="selected">在上学</option>
                    <option value="2">在工作</option>
                    <option value="3" selected="selected">无业游民</option>
                </select>
            </td>
        </tr>
        <tr>
            <td>&nbsp</td>
            <td>
                <img src="G:\谷歌浏览器下载内容\资料\案例\表单案例\verycode.gif"/>
                <a href="#" target="_blank">看不清楚？换一张</a>
            </td>
        </tr>
        <tr>
            <td align="right">验证码：</td>
            <td>
                <input type="text" name="config"/>
            </td>
        </tr>
        <tr>
            <td><br/><td>
        </tr>
        <tr>
            <td>&nbsp</td>
            <td>
                <input type="image" src="G:\谷歌浏览器下载内容\资料\案例\表单案例        \btn_reg.gif" target="_blank"/>
            </td>

        </tr>
        <tr>
            <td>&nbsp</td>

            <td>
                <a href="#">已有账号？点击登入</a>
            </td>

        </tr>

    </table>

    </form>
</body>

</html>

效果图如下：

风动云彩
关注
  • 3
    点赞
  • 踩
  • 25
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
HTML网页练习之网易邮箱注册页面
12-01
在`base.html`文件中，可以看到HTML元素如`<form>`用于创建注册表单，`<input>`用于接收用户输入，`<label>`用于描述输入框的作用，以及`<button>`用于提交表单。此外，`<head>`部分通常包含`<title>`来设定页面标题...
Html页面嵌套页面练习
05-19
在“Html页面嵌套页面练习”这个主题中，我们主要关注如何通过HTML来创建美观且功能丰富的网页，其中包括主页、注册页面、登录页面以及搜索页面的设计。 首先，让我们来探讨主页的设计。一个吸引人的主页不仅要有...
【HTML】-- 用户注册表单
衍生星球的博客
06-11 7957
使用html标签做一个简单的注册表单，下面是一些常用的标签。 button标签：普通按钮，功能代码自定义。 submit：“确定” ，提交到后台。 reset：“取消” ，让表单控件原内容为空。 select标签：下拉选择框。 textarea：多行文本输入框。...
html表单练习
kylinxjd的博客
05-09 4468
模拟阿里巴巴注册界面写一个注册表单，分企业和个人两个部分 个人注册 企业注册 html代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ini...
html写一个登录注册页面
最新发布
liulang68的博客
04-07 7549
【代码】html写一个登录注册页面。
简易注册表单（HTML）
每天一个前端小知识~
08-13 9933
HTML：用于搭建基础网页，展示页面的内容 下面利用HTML的知识实现注册表单 效果图： 代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>注册</title> </head> <body> <form action="#" method="get"> <h3 al
Html+CSS实现简单的注册表单
mohen110的博客
09-17 1万+
这次和大家分享一个用html语言实现的一个简单的注册表单,豪华升级版在文末的链接,感兴趣的可以点击浏览. 来, 先看预览 预览 在这里呢,我们将html和css分开编写 html: <!doctype html> <html> <head> <meta charset="utf-8"> <title>程序员阿菜</title> </head> <body> <div class...
css3实现一款模仿iphone样式的注册表单
09-25
在本文中，我们将探讨如何使用CSS3来创建一个模仿iPhone样式的注册表单。通过学习和实践这些技术，你可以为你的网站添加一个吸引人的、具有交互性的用户界面元素。 首先，我们从HTML结构开始。一个典型的注册表单...
Registration-From:此注册表单是出于练习目的而使用HTML和CSS构建的
05-14
从注册 此注册表单是出于练习目的而使用HTML和CSS构建的。
signupLightbox:练习如何注册灯箱
03-26
在`<body>`中，创建注册表单的HTML元素，如`<form>`，`<input>`（用于文本输入、密码输入等）、`<button>`（提交按钮）等。 2. **CSS（Cascading Style Sheets）**：为了使灯箱效果美观并适应不同屏幕尺寸，我们...
一个注册表单
06-18
一个结合html css jquery 的实战小项目，注册表单，喜欢的可以下载看一下
html注册登录表单
12-16
html注册登录表单，包含js/css代码，有需求的可下载。
HTML简单注册界面——含表单验证
热门推荐
荷塘月色
10-28 7万+
最近学习HTML表单，感慨万千。虽然看起来好像不难学，但要是真自己实践起来问题却多多。这里是我写的一个简单的注册页面，只有“注册账号、密码、重输密码”三个文本框，还包含了原生JavaScript验证。（记一下，也希望能给有需要的人一点帮助。）
Html+CSS练习（百度注册页面）--div布局实现
wgf1997的博客
08-07 8831
效果图 代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ht...
HTML域名注册表单,用HTML编写email注册的表单
weixin_26869081的博客
06-01 367
满意答案caikun852013.03.25采纳率：59%等级：13已帮助：8766人注册电子邮件function check(){if ( document.getElementById("email").value == "" ){window.alert("请输入电子邮件地址");document.getElementById("email").focus();return fals...
前端开发练习：HTML注册页面
APythonC的博客
11-05 501
效果图如下： 代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>注册页面</title> </head> <body> <h4>青春不常在，抓紧谈恋爱</h4> <table width="500"> <!-- 第一行性别-
css注册表单案例
Protagonist
06-21 2347
&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;
web前端案例二：简单的注册页面(有表单验证)
weixin_44197120的博客
01-27 5831
效果图 用到的图片 代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>注册页面</title> <style> body{ background: url("../image/register_bg.png") no-repeat center;
html表单案例练习
09-28
<form>标签是用来创建HTML表单的，其中的action属性用于指定表单提交的URL地址，method属性用于指定表单提交的方式（可以是get或post）。<input>标签可以用来创建不同类型的表单元素，其中的type属性用于指定元素的类型，比如text表示文本框，password表示密码框，radio表示单选按钮，checkbox表示复选按钮，button表示普通按钮等等。另外，input标签还可以使用name属性来自定义属性名。 以下是一个HTML表单案例练习： ```html <form action="/submit" method="post"> <label for="name">姓名：</label> <input type="text" id="name" name="name"> <label for="email">邮箱：</label> <input type="email" id="email" name="email"> <label for="message">留言：</label> <textarea id="message" name="message"></textarea> <input type="submit" value="提交"> </form> ``` 这个案例中，我们创建了一个包含姓名、邮箱和留言的表单。用户可以在文本框和文本域中输入信息，并点击提交按钮来提交表单。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值