网页登录界面

Posted meteorll

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了网页登录界面相关的知识,希望对你有一定的参考价值。

代码

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>title</title>
</head>
<body><fieldset>
    <legend>Input</legend>
    <form>
        <div>
            <label for="display-name"> Name:
                <span class="warning">*(Allows only letters.)</span>
            </label>
            <input type="text" id="display-name" name="ip-display"
                   pattern="[A-Za-zs]+"
                   maxlength="5" minlength="2" value="Aa" required />
            <span></span>
        </div>
        <div>
            <label for="readonly-ip">ReadOnly:</label>
            <input type="text" id="readonly-ip" name="ip-readonly"
                   placeholder="I‘m read only." readonly />
        </div>
        <div>
            <label for="disabled-ip">Disabled:</label>
            <input type="text" name="ip-disabled"
                   id="disabled-ip"
                   value="I am disabled"
                   disabled />
        </div>
        <div>
            <input type="submit" class="submit" value="Submit" />
        </div>
        
    </form>
</fieldset>

    
</body>
</html>

结果

技术分享图片

 








































以上是关于网页登录界面的主要内容,如果未能解决你的问题,请参考以下文章

在index.aspx网页中插入iframe:login.asp登录界面,如何防止登录成功后,刷新返回未登录界面?

网页登录界面

网页登录界面的背景图片一般是放在Body里还是DIV里的??

网页制作:一个简易美观的登录界面

QQ登录界面中的动态背景是如何实现的?

网页登录界面