HTML登录注册界面怎么制作?

在没有学习CSS样式的前提下,是如何做一个简单的注册界面的。

一、表单标签(form)

首先我们先写一个<form></form>的标签,form标签属于表单标签,通常我们的登录注册界面都是有提交数据的,是和服务器交互用的,用户在提交信息后,给服务器,服务器再根据提交的信息保存,这个时候就需要form标签了。

form标签里面常见属性有两种:

action:这个是表单提交给某服务器的地址。

method:用什么方式提交。通常我们常见的是:get(得到、成为)和post这两种,区别就是用户在写信息时显示的是明文还是暗文。

    Get:提交有长度限制,并且编码后的内容地址栏可见。(不安全,少用)

<form action="指向交给谁,网页地址" method="get"数据提交方式" />
//传递的值是有长度限制的。浏览器的地址栏里面可以看到。特殊时用。

    Post:提交无长度限制,并且编码后内容不可见。

<form action="指向交给谁,网页地址" method="post"数据提交方式" />
//传递的值没有长度限制,浏览器的地址栏里面不可以看到。常用。
        <form action="http://www.baidu.com" method="get">

        </form>



 

二、文本输入

文本输入有几种公式:

//① 文本框公式
<input tyfe="text做文本框的" name="用户名" value="值"/>
//②密码框公式
<input tyfe="password" name="名字" value="值"/>
//密码框可以让用户输入的密码显示为黑点。
//③隐藏域公式
<input tyfe="hidden" name="名字" value="值"/>
//这个提交表单是可以提交的,但是用户是看不到的。
//④文本域公式(多行文本)
<textarea name="名字" cols="字符多少" rows="几行高"</textarse>
//非常大的区域,用户可以在里面写文章。

1、用户注册

先做一个用户注册界面,我们用文本框的方式进行编写:

<form action="http://www.baidu.com" method="get">

            <table>

                <tr>        

                    <td>用户名:</td>
                    <td>
                        <!--<input type="text" name="userid" value="" placeholder="登录名"/>-->
                        <input type="text" name="user" value=""/>
                    </td>

                </tr>

            </table>

        </form>

因为只写了一条,整个表单的框还是看不出来的。

2、密码框

                  <tr>
                    <td>密码:</td>
                    <td>
                        <input type="password" name="pw" value="" />

                    </td>
                

3、确认密码

和密码框是一样的。属于常用步骤。



三、选择框

1、单选框(性别选项)

                <tr>

                    <td>性别:</td>
                    <td>
                        <input type="radio" name="sex"  id="man1" value="1" />
                        <label for="man1">男</label>
                        <input type="radio" name="sex" id="man2" value="0" />
                        <label for="man2">女</label>

                    </td>
                </tr>
                

2、复选框

做一个类似于爱好类型的:

                <tr>
                    <td>爱好:</td>
                    <td>

                        <input id="a1" type="checkbox" name="love" value="a" />
                        <label for="a1">抽烟</label>

                        <input id="b1" type="checkbox" name="love2" value="b" />
                        <label for="b1">喝酒</label>

                        <input id="c1" type="checkbox"  name="love3" checked="checked" value="c"/>
                        <label for="c1">美女</label>

                    </td>

四、下拉列表框

下拉列表标签:<select></select>

<selet name="名字" size="等于1时为列表" multiple="multiple"多选的意思/>

时间: 12-22

HTML登录注册界面怎么制作?的相关文章

做一个好看的可翻转登录注册界面

做一个好看的登录注册界面 前言 最近在尝试做网盘,使用的技术栈大概是 .net core + MVC + Mysql + Layui,主要目的是通过这个具体的项目,熟悉熟悉 .net core 开发,.net 的未来就是他了! 我的设想 在完成后端的一部分 建设 之后,我把目光投向了前端--登陆注册,由于这个网盘是用来试手的个人项目,我并不想用曾经用过的制作方式--登录和注册界面分开来做.我试图讲这两个功能合到一个页面上,并且以一种不是很 "Low" 的方式呈现出来. 你也可以认为我只

Python 实现简单的登录注册界面

Python 实现简单的登录注册界面 注意:编写代码之前需要导入很重要的包 import tkinter as tk import pickle from tkinter import messagebox 主要实现的功能 首先在python字典里定义一对值{'admin':'admin'}如果登录成功显示"How are you! admin". 如果字典里没有一一对应的一对值{'Username':'Password'},则需要注册,紧接着再登录. 实现过程 登录界面 首先初始化一

C#_连接数据库实现 登录注册界面

//编写登录界面逻辑 using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.Linq; using System.Text; using System.Threading.Tasks; using System.Windows.Forms; using System.Data.SqlClie

iOS-Senior11-即时通信2(登录注册界面)

1.引入文件 1.1步骤 1.2步骤 1.3步骤 1.1用storyboard布局 登录界面两个textField,两个button,输入用户名和密码,点击登录,链接服务器成功,并认证成功,点击注册,跳到注册界面,输入用户名,密码,点击注册,链接服务器成功,认证成功,并模态退回登录界面(当注册过的用户名和密码,再次注册时会打印出错误) 2.创建loginViewController //延展方法 @interface LoginViewController () //用户名的输入框 @prope

百思不得姐第3天:登录注册界面搭建

一:登录注册的界面效果如图 二:界面的搭建 1:登陆界面一般都是moda的模式:新建控制器,勾选xib,则系统会自动关联类,并且自动连线关联view(若是后创建的控制器的xib,则类名相同,关联类,在fileOwer处连线view),而我们自己不用去设置控制器view的frame.或是freeform,只需要更改控制器view的尺寸,例如4.7寸,那么在别的机型上运行正常适配.2:一般背景比较好看的都为背景图片. 3:控制状态栏的样式:1:[UIApplication sharedApplica

家庭记账本app实现登录注册界面以及仿微信操作界面(共4个实现一个)遇到了麻烦

今天学习了数据的创建,以及关于数据库的相关操作. 今天主要是实现了对于数据库的增加和查找. 具体的代码如下: 首先是数据库的创建: DBOpenMessage.java package com.example.thetrueappwen; import android.content.Context; import android.database.sqlite.SQLiteDatabase; import android.database.sqlite.SQLiteOpenHelper; im

Android实战简易教程-第三十二枪(自定义View登录注册界面EditText-实现一键清空)

自定义View实现登录注册页面的EditText一键清空功能,效果如下: 输入框输入文字后自动出现一键清空键,输入框文字为空时,一键清空键隐藏,下面我们看一下如何通过自定义View实现这一效果. 看一下DeletableEditText.java: package com.example.testview; import android.content.Context; import android.graphics.drawable.Drawable; import android.text.

关于登录注册页的制作

因为考虑用户体验的关系,这两个小东西也是耗费了不少的精力 1.第一步肯定是做好登录和注册页的正则判断 2.登录之后用localStorage本地存储登录数据,在各页面间调用,注册页也是一样,注册之后实现自动登录功能 3.要保证页面刷新之后导航栏的用户名不会变成undefined,登陆成功方法中要获取的是localStorage中存储的用户名,不能是单独传入登录或注册页的 用户名input的value,以免页面刷新之后由于登录注册页中的input为空导致导航栏的用户名变为undefined 4.当

登录注册的页面制作

下面来做一个超简易的登录注册 先来说注册 得先写个大标题证明是注册页面,然后再就是文本框填内容,在注册这里建三个文本框,用户名,密码,还有姓名,最后还有一个注册的按钮,用来跳转页面 分析好了之后,先建注册页面的第一个网页 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&