注册信息页面

最新推荐文章于 2024-10-10 12:06:03 发布
最新推荐文章于 2024-10-10 12:06:03 发布
阅读量840 收藏 6
点赞数 31
文章标签： 前端 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>

【Android初学者】超简单的注册页面，填写完整信息实现 跳转 和 传参
凉城古梦猫扑街的博客
12-10 6738
需求分析： 1、写一个注册页面，一个接收注册信息页面 2、注册页面信息填写后，通过按钮 提交，跳转第二个页面 3、第二个页面要接收第一个页面输入的值 页面效果如下：  页面填写：
html中注册跳转到另一个页面,js本地注册跳转到另外一个页面显示注册信息
weixin_33835558的博客
06-04 1361
!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...
HTML个人信息注册页面
12-18
HTML设计一个个人信息注册页面 使用HTML设计一个个人信息注册页面，如下图所示，其中页面的排版可采用或+CSS。当点击“提交”按钮时，使用JavaScript编程在当前页面显示录入信息，并且实现籍贯和城市的级联。（选做：用JQuery实现页面功能）
展示用户注册页面
qq_42154813的博客
03-05 262
1.准备用户注册模板文件（html） 2.定义用户注册视图 3.定义用户注册路由
注册用户信息界面
weixin_41422387的博客
04-28 652
工具：Android Studio activity_main.xml <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.andro...
HTML-----学生信息注册页面
m0_63064861的博客
03-22 2821
【代码】HTML-----学生信息注册页面。
ivx页面（1）写用户协议页面
张羽的博客
07-06 156
7.这样子就可以全部显示了，也不用去调节文字的样式，就将用户协议的文本进去了。6.为了这个全部显示所以点击富文本组件将高度调节为auto（自动高度）3.在页面中实现这样子的用户协议（不需要自己去一个个调节颜色加粗）4.直接在右边的富文本组件中创建一个富文本编辑器。1.首先创建webAPP、小程序，用相对定位创建。5. 直接复制文本然后点击页面放进页面中。2.点击前台之后新建一个页面。
【javaWeb】学生注册页面编写-------html
qq_45289396的博客
03-17 2608
一、简单的学生注册页面 效果如图： 编写代码如下： 在这里插入代码片
jsp 用户信息注册页面
weixin_53233343的博客
12-17 3399
jsp用户注册页面 1、注册页面 <h1>请输入用户注册信息：</h1> <form method="post" action="chack.jsp"> 用户名：<input type="text" name="username" value=""/>*<br/> 真实姓名：<input type="text" name="truename" value=""/>*<br/>
前端最常用的25个正则表达式，代码效率提高 80%
最新发布
qq_44146522的博客
10-10 275
说明：密码中必须包含字母、数字、特称字符，至少8个字符，最多30个字符。说明：6至20位，以字母开头，字母，数字，减号，下划线。说明：5-11位数字。
Web前端常用的表单校验正则表达式
m0_67584973的博客
11-25 604
前端常用表单正则表达式
用户协议与隐私政策
u011124144的专栏
09-30 481
如果您对本政策或个人信息保护有任何问题，您可以将您的书面疑问、意见或建议通过1148008482@qq.com与我们联系。”）的个人信息和隐私。您在使用【纸合成】时，我们特制定《【纸合成】隐私政策》（以下简称“在您使用【纸合成】过程中，我们需要在必要范围内向您申请获取设备权限。”）系移动应用程序“【纸合成】”。我们非常重视保护用户（以下简称“”），我们承诺严格按照本隐私政策处理您的个人信息。一般情况下，我们将在十五个工作日内回复。【作游司工作室】（以下简称“纸合成​​​​​​​。
创建一个表单：个人信息注册页面
qq_46323758的博客
04-17 5699
闲来无事，所以利用html写了一个‘个人资料注册表’ 先上效果图 结构 <form class="w"> <h1 class="head"> <p>个人资料注册表</p> </h1> <div class="main"> <p><span style="color: red;">*</span>
JS注册页面，带提示信息
木木的博客
08-07 1万+
&lt;!DOCTYPE html&gt; &lt;html&gt;     &lt;head&gt;         &lt;meta charset="UTF-8"&gt;         &lt;title&gt;用户注册&lt;/title&gt;                           &lt;style type="text/css"&
用户注册信息界面
Hedia Pan的博客
08-25 765
1.html <!DOCTYPE> <html> <head> <meta charset="utf-8"> <title>用户注册界面</title> <link href="register.css" rel="stylesheet" /> </head> <!-- onsubmit="return check(this);" --> <body> <form me.
HTML(2) 实现一个简单的注册页面
热门推荐
郑清
09-14 1万+
效果图如下： <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>注册页面</title> <style> table{ ...
html网页制作提交注册信息,利用HTML表单标签编写一个注册页面
weixin_32193393的博客
06-19 6556
今天我们来写一个注册页面form表单先来利用表单标签制作一个简单的注册页面,给大家说说标签的结构:页面结构大体就是这样子的~表单标签:所有需要提交到服务器端的表单项必须使用包起来~form标签的属性:action:整个表单提交的位置(可以是一个页面,也可以是一个后台的Java代码)method:表单的提交方式(get/post)文本输入框:"text"/ >密码输入框:单选按钮:多选按钮:主...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值
>