学做网站培训课程介绍

当前位置:

如何用DW制作网站的注册、登录表单

很多网站都是注册登录功能,如果想在自己的网站上添加注册,登录功能,就需要制作一个注册、登录表单,制作注册、登录表单是比较简单的,利用DW就可以轻易实现。用DW制作好之后,放到自己的网站上就可以了。

注册、登录功能在论坛网站制作教程中会经常用到。如果你的wordpress程序,注册登录功能的制作可以学习如何制作wordpress注册功能

 

制作网站的注册、登录表单步骤:

  1. 打开DW软件,新建一个HTML页面;
  2. 点击DW上方的按钮中的表单按钮,可以创一个表单框;
    DW制作网站的注册、登录表单步骤1
  3. 将光标点在表单框里,再点击表单按钮中的“文本框”按钮就可以创建文本框;
    DW制作网站的注册、登录表单步骤2
  4. 创建了文本域之后,点击提交按钮和重置按钮。
    DW制作网站的注册、登录表单步骤3
  5. 可以将提交按钮的文字改成“登录”,就可以制作出登录表单了,效果如下:
    DW制作网站的注册、登录表单步骤4
  6. 整个表单制作的代码如下,可以直接复制下面的所有代码到一个新的HTML页面中就可以实现注册、登录表单了。(如果你不懂HTML,建议先学习html视频教程
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>用户注册表单</title>
    </head><body>
    <form id="form1" name="form1" method="post" action="https://www.xuewangzhan.net/">
    <p>用户名:
    <label for="name"></label>
    <input type="text" name="name" id="name" />
    </p>
    <p>密 码:
    <label for="pw"></label>
    <input type="text" name="pw" id="pw" />
    </p>
    <p>
    <input type="submit" name="denlu" id="denlu" value="登录" />
    <input type="submit" name="zc" id="zc" value="注册" />
    </p>
    </form>
    </body>
    </html>

 

《“如何用DW制作网站的注册、登录表单”》 有 1 条评论

  1. 学习建网站学员 shz说道:

    试试

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

相关教程

  • DW如何制作HTML锚点链接 视频教程 (1125801 次浏览)
    什么是锚点链接锚点链接(也叫书签链接)常常用于那些内容庞大繁琐的网页,通过点击命名锚点,不仅让我们能指向文档,还能指向页面里的特定段落,更
  • DW鼠标经过更换图片变化 视频教程 (1150520 次浏览)
    dreamweaver鼠标经过更换图片特效就是当鼠标经过图像就是当鼠标经过图像时,原图像会变成另外一张图像。鼠标经过图像其实是由两张图像组成的:原始
  • 一些自己学建网站的学员,使用photoshop软件修改网站图片,安装ps软件后出现"不能完成要求,因为注册信息丢失或无效",这是因为PS的注册信息没有写入到
  • 什么是手机域名手机域名又叫Mobi域名。Mobi是被ICANN批准,并致力于将internet内容传送到移动装置,例如智能电话,PDA,手机等的专属域名
  • 之前有很多建网站学员反映,自己学习了wordpress教程,制作了网站,但有时会碰到wordpres后台无法登录,密码确认无误,空间没有问题,之前也成功登录
  • 使用wordpress程序建网站的学员,总是容易出现错误,而且有些错误会让你手足无措。比如你修改了网站的地址。当你把wordpress程序站点地址改掉,然
  • 很多网站都是注册登录功能,如果想在自己的网站上添加注册,登录功能,就需要制作一个注册、登录表单,制作注册、登录表单是比较简单的,利用DW就可以
  • wordpress表单插件contact-form介绍:WordPress联系表单插件 – Contact Form 7 是一款简单易用扩展性灵活的表单插件,可以自定义各式各样不同类型的