网站注册页面

1、表单标签

  所有需要提交到服务器端的表单项必须使用<form></form>括起来!

  form 标签属性:  action,整个表单提交的位置(可以是一个页面,也可以是一个后台 java 代码)

          method,表单提交的方式(get/post/delete……等 7 种)

  Get 与 post 提交方式的区别?【默认提交方式为 get】

    Get 提交方式,所有的内容显示在地址栏,不够安全,长度有限制。

    Post 提交方式,所有的内容不会显示在地址栏,比较安全,长度没有限制。

  1)文本输入项 
    <input type=”text” name=”” size=”” maxlenght=”” readonly=”” placehoder=””/> 
        name设置交到服务端必须指定的属性,其值可以任意,建议见文知意 
        size指定输入框的宽度 
        maxlenght指定输入内容的长度 
        readonly设置为只读 
        placehoder设置输入内容的提示信息

  2)密码输入项

    <input type=”password” name=”” /> 
  3)单选按钮 
    <input type=”radio” name=”” value=”” checked=””/>

         name设置分组

         value设置提交到服务端必须指定的属性,其值可以任意,建议见文知意 
         checked设置默认选中

  4)多选按钮 
    <input type=”checkbox” name=”” value=”” checked=”” />

  5)下拉列表 
    <select name=””>

       <option value=”” selected=””>北京</option>

       <option>上海</option>

     </select>

       name设置分组 
       value设置提交到服务端必须指定的属性, 其值可以任意,建议见文知意 
       selected默认选中

  6)文件上传项 
    <input type=”file” name=””/> 
  7)文本输入域 
    <textarea name=””></textarea>

  8)提交按钮

    <input type=”submit” value=””/>

        submit具备将整个表单提交到服务器的功能 
        value修改按钮上面的内容 
  9)普通按钮 
    <input type=”button” value=””/> 
  10)重置按钮 
    <input type=”reset” value=””/> 
  11)隐藏项 
    <input type=”hidden” name=””/>

    用于用户比较敏感的一些信息。

2、实现以下网站注册页面样式:

步骤分析:

1)创建一个五行一列的表格,然后分别对每一行进行实现

2)第一二四五行,和前面网站首页显示页面一样,直接复制过来,不再赘述

3)第三行放置一个表单,通过表格标签进行布局。

3、代码演示如下:

按 Ctrl+C 复制代码

按 Ctrl+C 复制代码

在浏览器内运行,效果如网站注册页面演示一样。

时间: 2024-08-27 02:25:12

网站注册页面的相关文章

HTML&amp;CSS——网站注册页面

1.表单标签 所有需要提交到服务器端的表单项必须使用<form></form>括起来! form 标签属性:  action,整个表单提交的位置(可以是一个页面,也可以是一个后台 java 代码) method,表单提交的方式(get/post/delete--等 7 种) Get 与 post 提交方式的区别?[默认提交方式为 get] Get 提交方式,所有的内容显示在地址栏,不够安全,长度有限制. Post 提交方式,所有的内容不会显示在地址栏,比较安全,长度没有限制 1)文

HTML简单登录和注册页面及input标签诠释

今天第一次接触HTML这种语言,虽然不能完全理解其中的意思,过去学的英语单词几乎也忘了差不多了,但是感觉进入这门语言学习之后就没有那么难了,一步一步来吧!下面巩固下今天学内容: HTML是一种超文本标记语言.HTML 标签是由尖括号包围的关键词,比如 <html>.HTML 标签通常是成对出现的,比如 <b> 和 </b>: <html> 与 </html> 之间的文本描述网页: <body> 与 </body> 之间的文

关闭discuzX3.2注册页面的注册邮箱验证

论坛升级后发现注册用户在输入任何邮箱email时,一直提示email 地址无效.用firephp跟踪发现:随机生成的email的后缀是@localhost! 找到原因,修改如下: //原来代码 if(empty($email) && $_G['setting']['forgeemail']) { $_GET['email'] = $email = strtolower(random(6)).'@'.$_SERVER['HTTP_HOST']; } //但是如果本地调试emai后缀就是@lo

宠喵club注册页面

这个注册页面运用了正则表达式的方法,比如验证手机号码,验证密码等等: <!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <link rel="shortcut icon&

新浪微博注册页面效果图

1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 2 "http://www.w3.org/TR/xhtml1/TDT/xhtml1-strit.dtd"> 3 <html> 4 <head> 5 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8&q

前端开发---登陆注册页面优化

1.本次用到错误提示文字的颜色 http://v3.bootcss.com/css/#forms jquery 教程: http://www.w3school.com.cn/jquery/index.asp 2.工程地址:https://github.com/digitalClass/web_page 网站发布地址: http://115.28.30.25:8029/ 3. 主要工作 优化登陆注册页面显示 因为业务需要, 登陆注册页面被后端给改了, 显示效果如下: 可以看到表单全部乱掉了.打开后

用jsp写注册页面

包括单选框.多选框.session的应用,页面自动跳转,中文乱码的处理,入门级 对于中文乱码的处理,注意几点:注册页面数据提交方式为post不能忘了写,页面编码方式为gbk,处理提交信息的doRegister.jsp要加 request.setCharacterEncoding("gbk");一定要加! 注册页面 register.jsp <%@ page language="java" import="java.util.*" pageE

注册页面的验证码的实现

验证码 主要:绘制,验证 在一些网站的注册页面,通常在最后会让用户输入验证码,以此防止恶意注册,有些也会在登陆页面,防止暴力破解密码等. 页面的验证码,实际上是一个图片,这个图片事先人们是不知道的,它是由程序随机绘制成的,并且,在产生的时候,程序记录下来了它的值.(便于后面的验证) servlet 服务器小程序,可以实现绘制验证码的功能,绘制的步骤如下: 1.建立图片缓存对象 BufferImage bi = new BufferImage(width,height,绘制类型参数): 原型:Bu

无法打开智能卡注册页面怎么办?

如果用户想体验金蝶KIS记账王的完整功能那就需要安装并激活正式版,打开智能卡注册页面是成功注册激活金蝶KIS记账王必做步骤之一,但是有的用户会遇到无法打开智能卡注册页面的问题,比如网页不跳转或提示非法访问等,本文将具体分析造成金蝶KIS记账王这一异常问题的原因并提供可用的解决方案. 帮助顾客成功 1.异常描述 金蝶KIS记账王用户若想真正注册激活软件必须点击智能卡注册,但有时点击注册按钮之后网页不跳转一直是空白页面,或者提示非法访问以及其他异常,以至于无法打开网页进行智能卡注册. 2.解决方法