注册信息页面

于 2024-10-09 20:04:37 发布
阅读量483 收藏 3
点赞数 19
文章标签： 前端 javascript 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/YY0503_/article/details/142795041
版权

知识点：

！＋Enter  直接生成前端基本框架

1.<h1></h1> (2,3,4,5)  表示各级标题

2.<form></form> 表单建立

3.<input type=" "></input> 表格（表单嵌套表格）

type属性说明
text文本框，输入单行文本
password密码框
radio单选框
checkbox多选框
file上传文件

单选多选框默认值属性为：checked

密码框文本框提示信息属性为：placeholder

4.<label></label> 标签名

5.<select></select> 下拉选项框

嵌套<option></option>  

6.<br> 换行

7.<ul></ul> 无序列表

<li><a href=" "></a href></li> 无序列表嵌套li，href属性为超链接

8. <button></button>  点击确认标签

编码：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>注册信息</title>

</head>

<body>

    <!-- 标题一 -->

    <h1>注册信息</h1>

    <!--建立表单  -->

    <form action="">

        <!-- 表单控件 -->

         <h2>个人信息</h2>

         <!-- 标签加文本框，文本框里面用属性placholder提醒文本 -->

         <label>姓名:</label><input type="text" placeholder="请输入真实姓名">

         <!-- 换行 -->

          <br><br>

         <label for="">密码:</label><input type="password" placeholder="请输入密码">

         <br><br>

         <label for="">确认密码:</label><input type="password" placeholder="请输入确认密码">

         <br><br>

         <label>性别:</label>

         <!-- checked默认性别：女生，增大点击范围 -->

        <label><input type="radio" name="gender"> 男</label>

        <label><input type="radio" name="gender" checked> 女</label>

        <br><br>

        <label>居住城市</label>

        <!-- 下拉选项框 -->

         <select>

            <option>北京</option>

            <option>上海</option>

            <option>广州</option>

            <option>武汉</option>

            <option>四川</option>  

         </select>

    </form>

    <h1>教育经历</h1>

    <form action="">

        <label for="">最高学历</label>

        <select name="" id="">

            <option value="">博士</option>

            <option value="">研究生</option>

            <option value="">本科</option>

            <option value="">专科</option>

        </select>

    </form>

    <label for="">学校名称:</label><input type="text" placeholder="请正确输入学校信息">

    <br><br>

    <label for="">所学专业:</label><input type="text">

    <br><br>

    <label for="">在校时间：</label>

    <select name="" id="">

        <option value="">2015</option>

        <option value=""> 2016</option>

    </select>

    --

    <select name="" id="">

        <option value="">2016</option>

        <option value="">2017</option>

    </select>

    <br><br>

    <h1>工作经历</h1>

    <form action="">

        <label for="">公司名称：</label><input type="text">

        <br><br>

        <label for="">工作描述：</label>

        <br>

        <!-- 可自动换行的文本框 -->

        <textarea name="" id=""></textarea>

        <input type="text">

        <br><br>

        <input type="checkbox"><label for="">已阅读并同意以下协议</label>

        <!-- 无序列表带黑点，嵌套li，href代表超链接 -->

        <ul>

            <li><a href="http://baidu.com">用户服务协议</a></li>

            <li><a href="">隐私政策</a></li>

        </ul>

    </form>

    <br><br>

    <button>免费注册</button>

    <button>重新填写</button>

</body>

</html>

计科2301叶蔚琳
关注
Android注册登录页面
是阿超
09-20 1万+
Android注册登录页面
jsp 用户信息注册页面
weixin_53233343的博客
12-17 3347
jsp用户注册页面 1、注册页面 <h1>请输入用户注册信息：</h1> <form method="post" action="chack.jsp"> 用户名：<input type="text" name="username" value=""/>*<br/> 真实姓名：<input type="text" name="truename" value=""/>*<br/>
QQ注册页面
路上有风
08-03 8609
利用HTML+CSS编辑QQ注册页面 最近在学html和css，老师布置任务要写个QQ注册页面，在观看这位大神的博客下，最后总算是完成了，有同学也感兴趣的话可以看下我写的内容 点击查看那位大神的博客链接 第一步,先下载个前端开发工具，工具的话有很多，例如Hbuilder 和VScode我用的是Hbuilder 第二步，就是具体如何实现页面了 1、这是注册页面（register.htm） <!...
用户登录注册页面
凌云鹤YK
03-15 8010
用户登录注册页面一、目标：在公众号网页里制作一个app的分享链接（该app已经可以微信授权登录），供用户下载app。二、要求：一、绑定过：则跳转到下载页面c，点击下载就直接开始下载app；二、未绑定：则跳转到注册页面b，用户输入手机号，然后实时监测用户的输入，当输入11位数字后，ajax请求服务器获取数据库用户列表里的所有手机号，检测手机号是否已经注册。手机号不满11位或者没有同意协议，提交按钮都...
Vue创建注册页面
qq_52335038的博客
10-02 1万+
一、需求： 开发注册页面，对输入账号和昵称进行判空处理，两次密码判断是否相同，注册成功后进入到首页 二、删除一些不需要的组件 1：删除scr/views/下的About.vue和Home.vue 2.把App.vue还原成下图： <template> <div id="app"> <router-view /> </div> </template> <style lang="less"> <
注册页面信息的获取
xiangminghan的博客
12-14 4727
要求：注册页面信息的获取。给出了register.jsp，要求编写do_register.jsp，获取注册信息并显示。 链接：https://pan.baidu.com/s/1iyVQE4TsAQY1vbsPaQgsmw 提取码：ekze 1.运行register.jsp,得到以下界面 2.编写do_register.jsp <%@ page contentType="text/html;...
PHP登录注册页面
qq_61109509的博客
02-01 2万+
注册（html） <!DOCTYPE html> <html> <head> <title>注册</title> <link rel="stylesheet" href="register.css"> <meta name="content-type"; charset="UTF-8"> <style> body { margin: 0; padding: 0;
html创建qq注册页面,用javascript制作qq注册动态页面
weixin_31975737的博客
06-03 4574
一.前言我们来看如何用html写一个注册页面并使用js加载用户输入响应。先上图，没图都是耍流氓，附上本次案例链接Fdog注册案例。1. 基础布局首先分析布局，图中的布局分为左右两大板块，右边的板块又包括三大板块：我们先来一个水平布局，并设置左边的宽为25%，右边的宽为75%.fdogback {background-color: aqua;float: left;width: 25%;}.fdog...
使用CSS完成用户注册页面；
Syntacticsugar's blog
09-19 6519
    使用CSS完成用户注册页面； 做成这样一个页面； ①设置body的background-image背景图【该背景图是全铺方式，个别网页注册采用指定位置background-position定位背景图在真个页面的位置】； ②分成一个div,分装left ，mid，right 这三部分，mid中使用一个div来装table（以便于调节table在页面的布局或者定位） ， 最外部...
登录注册页面跳转
热门推荐
qq_37807821的博客
09-02 5万+
用HTML、jQuery和css写一个简单的登录注册页面 看了一些前端部分的视频，有点手痒，想起大学时做的某管理系统的前端部分，当时基本都是靠着CV写的，现在想想应该可以自己写一点了。 话不多说，先上图： 首先是登录页面： 点击注册按钮可以跳转到注册页面： 注册页面做了一点简单的判断： 伪非空验证： 还有伪密码验证： 红字提示存在两秒，两秒后消失，清除密码框内的内容，但是不清除用户名框内的文本。 然后当用户名和密码输入正确以后（其实两次密码一样就行，用户名不空就好）就可以跳转到登录页面。这里有一个坑
HTML个人信息注册页面
12-18
HTML设计一个个人信息注册页面 使用HTML设计一个个人信息注册页面，如下图所示，其中页面的排版可采用或<div>+CSS。当点击“提交”按钮时，使用JavaScript编程在当前页面显示录入信息，并且实现籍贯和城市的级联。...
【Android初学者】超简单的注册页面，填写完整信息实现 跳转 和 传参
凉城古梦猫扑街的博客
12-10 6705
需求分析： 1、写一个注册页面，一个接收注册信息页面 2、注册页面信息填写后，通过按钮 提交，跳转第二个页面 3、第二个页面要接收第一个页面输入的值 页面效果如下：  页面填写：
html中注册跳转到另一个页面,js本地注册跳转到另外一个页面显示注册信息
weixin_33835558的博客
06-04 1320
!DOCTYPE html>Documentbody {background: #F6F9FB;}label {width: 40px;display: inline-block;}span {color: red;}.container {position: relative;margin: 100px auto;width: 600px;height: 400px;padding-lef...
前端的全栈混合之路Meteor篇：3.0新版本介绍
分享有趣的、贴近生活的CS知识
10-01 1159
Meteor全栈框架3.0版本终于稳定下来了，它的效果约等于webpack+vue+express+socket.io+mongodb+npm+uniapp，学一个搞定全套，值得学习了解下，最后找到适合于自己的技术栈。
前端基础面试题·第四篇——Vue（其二）
最新发布
2301_76380626的博客
10-08 740
路由跳转 接收参数 params传递参数可以用过页面路由对象route的params属性访问到。 2.query传参 query 传参是通过URL的查询字符串来传递参数，这种方式传递的参数是可选的。 这种方式不需要提前配置路由路径，直接在路由跳转时在路径或者配置中传递参数即可。 路由跳转 接收参数 这种方式传递的参数会挂载到页面路由对象route的query对象上。 2. hash和history路由区别 hash路由地址上在路径后面带#号，history路由地址上不带#号. 在
Javascript数组研究03_手写实现_fill_filter_find_findIndex_findLast_findLastIndex
qq_33546823的博客
10-03 1243
fill()方法用一个固定值填充一个数组中从起始索引（默认为 0）到终止索引（默认为）内的全部元素。它返回修改后的数组。输入参数value：用来填充数组元素的值。start（可选）：开始填充的位置，默认值为 0，索引处理方法和copyWithin一致。end（可选）：停止填充的位置（不包含该位置），默认值为，索引处理方法和copyWithin方法一致。输出：修改后的原数组。注意事项该方法会改变原数组，是修改方法。对于稀疏数组，空槽也会被value填充。是通用的方法在空数组上不会有任何处理。
快餐食品检测系统源码分享[一条龙教学YOLOV8标注好的数据集一键训练_70+全套改进创新点发刊_Web前端展示]
m0_73388125的博客
10-08 1159
数据集信息展示在本研究中，我们使用了名为“burger detection”的数据集，以改进YOLOv8在快餐食品检测系统中的表现。该数据集专门针对快餐食品的多样性进行设计，涵盖了六个主要类别，分别是：bbq、bread、bun、hotdog、pattty和patty。这些类别的选择不仅反映了快餐食品的常见种类，还考虑到了它们在实际应用中的重要性，尤其是在餐饮行业的食品识别和分类任务中。数据集的构建过程经过精心设计，确保每个类别的样本数量和质量都能满足深度学习模型训练的需求。
昆虫分类与检测系统源码分享[一条龙教学YOLOV8标注好的数据集一键训练_70+全套改进创新点发刊_Web前端展示]
qunshankeji的博客
10-08 1076
数据集信息展示在昆虫分类与检测的研究领域，数据集的构建与应用至关重要。本项目采用的数据集名为“Bug Gan”，其设计旨在为改进YOLOv8模型提供丰富的训练素材，以实现更高效的昆虫识别与分类。该数据集包含29个不同的昆虫类别，涵盖了广泛的生物多样性，能够有效支持深度学习模型在复杂环境中的学习与推理。
Webpack 打包后文件过大，如何优化？
官方推荐
09-30 6126
Webpack 打包后文件过大，如何优化？
html个人信息页面注册
09-25
HTML个人简历或信息页面注册通常涉及到创建一个用户可以填写并提交个人信息的静态网页。以下是一个基本步骤概述： 1. **设计布局**：首先，确定页面结构，包括标题、基本信息区域（如姓名、联系方式等）、教育背景、工作经验、技能等部分。 ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>个人主页</title> <link rel="stylesheet" href="styles.css"> <!-- 引入样式文件 --> </head> <body> <!-- 页面内容将放在这里 --> </body> </html> ``` 2. **添加表单元素**：使用`<form>`标签创建一个表单，包含输入框(`<input type="text">`)、文本区域(`<textarea>)`、下拉列表(`<select>`)等供用户填写。 ```html <form id="registerForm"> <label for="name">姓名：</label> <input type="text" id="name" name="name" required> <!-- 其他字段... --> <button type="submit">提交</button> </form> ``` 3. **样式美化**：使用CSS来调整页面外观，使其更具吸引力和易读性。 4. **JavaScript验证**：可以使用JavaScript检查表单数据的有效性，比如不能为空、邮箱格式等，并在必要时显示错误提示。 5. **服务器处理**：如果需要实际保存用户的注册信息，你需要后端技术如PHP、Node.js或Python Django等来接收和存储数据。 完成以上步骤后，用户就可以在浏览器中访问这个页面，填写并提交他们的个人信息了。请注意这只是一个基础示例，实际项目可能还需要考虑安全性措施（如密码加密）和用户体验优化。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值