有大神能帮帮我idea中的css问题吗-CSDN博客

本文链接：https://blog.csdn.net/K3_10004/article/details/134313973

该篇文章展示了如何使用Idea编写HTML、CSS和JavaScript来创建一个包含表单验证功能的网页，关注点在于页面布局，特别是让部分文本居左显示。

摘要由CSDN通过智能技术生成

下面是我的idea代码

<%--
  Created by IntelliJ IDEA.
  User: 新宿一次狼
  Date: 2023/10/9
  Time: 9:23
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8"
         language="java"
         pageEncoding="UTF-8" %>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Title</title>

        <script type="text/javascript">
            function validate() {
                //得到这两个文本框的内容
                account = document.zcForm.account.value;
                password = document.zcForm.password.value;
                if (account == "xxx") {
                    alert("账号不正确");
                    document.zcForm.account.focus();//聚焦
                    return;
                } else if (password == "123456") {
                    alert("密码不正确");
                    document.zcForm.password.focus();
                    return;
                }
                document.zcForm.submit();
            }
        </script>
        <style>
            .left-align {
                text-align: left;
            }
        </style>


    </head>
    <body>
        <center>
            <form name=zcForm action="zc_result.jsp" method="post">

                请您输入账号：<input name="account" type="text"><BR>
                请您输入密码：<input name="password" type="password"><BR>
                请您选择性别：
                <input name="sex" type="radio" value="男" checked>男
                <input name="sex" type="radio" value="女">女<BR>
                个人爱好：
                <input name="fav" type="checkbox" value="唱歌">唱歌
                <input name="fav" type="checkbox" value="跳舞">跳舞
                <input name="fav" type="checkbox" value="打球">打球
                <input name="fav" type="checkbox" value="打游戏">打游戏<BR>
                籍贯：
                <select name="home">
                    <option value="北京">北京</option>
                    <option value="上海">上海</option>
                    <option value="广东">广东</option>
                </select><BR>
                请您输入您的电话号码：<input name="phone" type="text"><br>
                请您输入个人信息：<BR>
                <textarea name="info" rows="5" cols="30"></textarea><BR>
                <input type="button" οnclick="validate()" value="注册">
                <input type="reset" value="取消">
            </form>
        </center>
    </body>
</html>

下面是我的输出结果