HTML简单漂亮的登录表单的基本的制作(input去掉外边框)

Posted SmallCuteMonkey

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML简单漂亮的登录表单的基本的制作(input去掉外边框)相关的知识,希望对你有一定的参考价值。

<

html>
<title>登录页面</title>
<style>
    input{
        border: 0;
        <!--安装了emmet插件的可以敲bd+ 然后Tab键--->
        border-bottom: 1px solid black;
        outline:none;

    }


</style>
<body>

<center>

    <h1>登录页面</h1>
    <form action="login" method="post">
        <table>
            <tr>
                <td>用户名:</td>
                <td><input type="text" name="username">  </td>
            </tr>
            <tr>
                <td>密码:</td>
                <td><input type="password" name="password"></td>
            </tr>
            <tr>
                <td></td>
                <td><input type="submit" value="提交"></td>
                <td><a href="register.jsp">注册</a> </td>
            </tr>
            <tr>
                <td></td>
                <td></td>
            </tr>

        </table>

    </form>

</center>
</body>
</html>

以上是关于HTML简单漂亮的登录表单的基本的制作(input去掉外边框)的主要内容,如果未能解决你的问题,请参考以下文章

HTML登录表单的制作

如何制作简单的登录界面步骤

python简单实现用户表单登录

9款大气实用的HTML5/CSS3注册登录表单源码

如何设置表单元素的只读和禁用属性

帮写一个Java简单的Swing-表单登录