登录注册切换html模板(用户登录注册页面 html)

password VALUES #39quot+username+quot#39，#39quot+password+quot#39quot alertquot注册成功quot ltscriptltbodylthtml登录页面代码lt！DOCTYPE htmllthtml lang=quotenquotlthead ltmeta charset=quotUTF8。

lttitle会员注册lttitle ltscript type=quottextjavascriptquot lt！function CheckForm if == quotquot alertquot请输入姓名，姓名不能为空quotretu。

就是牵扯到一些定位的问题还可以把这两个的div代码都用jquery先写好，然后用哪个就让上级的div 的innerHTML为哪个，这样也是可以就是js的代码长了一些最方便的还是一个连接到另一个注册页面。

1首先我们新建一个带有button按钮的页面 ltbutton type=quotsubmitquot class=quotformcontrplquot注册ltbutton 2button按钮不能直接添加herf属性，我们可以通过button的onClick事件来实现页面的跳转第一种方法windowopen可以。

#39alert#39登录失败 请先注册！#39documentgetElementsByTagName#39button#390addEventListener#39click#39，functioneepreventDefaultlocationhref = #39registhtml#39ltscriptltheadltbodyltform。

*把新注册用户的扩展信息插入数据库* sql = #39SELECT id FROM #39 $ecstable#39reg_fields#39 #39 WHERE type = 0 AND display = 1 ORDER BY dis_order， id#39 读出所有自定义扩展字段的id fields_。

在注册界面添加一个提交按钮，在点击提交按钮是验证是否填写完整，如果填写完整则通过windowlocation=quotloginhtmlquot跳转到登陆页面。

2在HTML中，创建两个点击事件，当用户点击登录或者注册选项卡时，触发JavaScript事件3在JavaScript代码中，定义事件处理程序，通过获取点击事件的ID，判断用户选择了哪个选项卡，然后根据不同的选择，通过DOM操作显示或隐藏。

登陆注册区域ltheaderlt！头部html5新标签ltnavltnavlt！导航html5新标签ltdivltdivlt！bannerltdivltdivlt！左上ltdivltdivlt！右上ltdivltdivlt！左下。

1打开Sublime text3，新建一个HTML文档，并且建立好框架2现在我们设立一下两行文本输入框，并且提示可以增加的按钮3lttable id=quotmainTablequot为标签加上id方便定位4加上监听事件的函数onclick=quotaddingquot。

lt！DOCTYPE htmllthtmlltheadltmeta charset=quotutf8quot ltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=1quotlttitleBootstrap 4lttitleltlink rel=quotstylesheetquot href=quot。

然后localStoragegetItem判断本地的用户名是不是存在的，存在显示登录后页面，不存在的话就显示登录注册退出登录的时候可以让用户名位空或者是用localStorageremoveItem清除本地用户名的缓存希望有用不到之处务喷。

修改好之后你就可以在Dreamweaver里面直观的看到网页界面了，并且修改起来也非常方便，记得模板修改之后别忘记把CSS路径改回去主题模板的构成模板均分为三大部分，分别是网页的html文件CSS文件图片文件。

单纯的HTML网页文件的话，右击该文件，选择打开方式，用记事本打开，里面可以修改。

1打开相关的网页制作软件，需要在菜单栏中点击文件并选择新建2在弹出的对话框中选择网站模板，没问题的话点击右下角的创建3这个时候会显示网页文件窗口，确定自己需要的文件并选择保存4这样一来，即可使用网页。