您的位置首页百科问答

网页登录页面代码如何编写

网页登录页面代码如何编写

的有关信息介绍如下:

网页登录页面代码如何编写

很多人不知道网页登录页面代码如何编写 ,下面小编和大家一起来看看怎么操作:

如图所示,先编写一个div,div里面有一个form表单,包括有两个输入框和登录按钮。Input中的type的text表示的是文本框,password表示的密码框。

接着我们在style标签里面清除所有标签的margin和padding,这样元素之间的间距就会消除。

设置div的宽度和高度为300px,并且上下左右居中,left和top设置为50%,表示往右移动50%,往下移动50%。

设置input的高度和宽度,边框为1px,然后使用margin-top来让两个输入框隔开一定的距离。

同理,设置button的宽度高度和边框,margin-top也是用来拉开与输入框的距离,不然会靠在一起,不美观。

最后预览一下效果图。