您的位置首页生活百科

html5,实现用户登录界面

html5,实现用户登录界面

的有关信息介绍如下:

html5,实现用户登录界面

如何用html5写一个用户登录系统,这里主要用到了表单form标签,input的type属性

首先,下载html5开发软件Intellij IDEA,这个直接在百度搜索框中搜索即可。

打开软件,点击file,选择New project,在弹出的对话框中,选择static web选项中的html5,点击next,在新对话框中,输入项目名称,点击finish

在body标签中,引入form标签

设置用户名和密码,利用input的text属性

添加一个登录按钮,利用input的button属性

为了用户名和密码可以对齐,增加了一个空格,用到了实体,空格= 

对整个页面,进行css样式排版

点击run,预览效果