Nsg1 2022-12-12 19:32 采纳率: 100%
浏览 122
已结题

如何用Java写下图？上机练习题

java上机练习题
学习用。求daima，求解释，运行成功结果附图
用Html／CSS／JavaScript写下图最好用java和html

img

用Java写下图，同样求daima，解释，运行成功结果附图

img

  • 写回答

4条回答 默认 最新

  • 越来越好。 2022-12-12 21:51
    关注

    第一题，请采纳：

    
<!--
 * @Author: baiyf
 * @Date: 2022-12-07 23:14:58
 * @LastEditTime: 2022-12-12 21:50:29
 * @Description: file content
-->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js"></script>
    <style>
        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        .content {
            width: 700px;
            margin: 0 auto;
        }

        .table {
            display: flex;
            justify-content: space-between;
            margin-top: 30px;
        }

        .text-lable {
            display: flex;
        }

        .second-block {
            margin-top: 10px;
        }

        .top-title {
            background-color: rgb(182, 179, 179);
            text-align: center;
            padding: 10px;
            letter-spacing: 5px;
            font-weight: bold;
            font-size: 20px;
        }

        .t-label {
            margin-right: 5px;
        }

        .radius-content {
            display: flex;
            justify-content: space-around;
            margin-top: 30px;
            user-select: none;
            cursor: pointer;
        }

        .radius-block {
            width: 80px;
            height: 80px;
            border-radius: 50%;
            border: 1px solid red;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .table-title {
            background-color: yellow;
            display: flex;
            justify-content: space-between;

        }

        .table-caozuo {
            display: flex;
            justify-content: space-between;

        }

        .table-title td {
            font-weight: bold;
        }

        .table-caozuo td,
        .table-title td {
            width: 25%;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 5px;
        }

        .table-main {
            margin-top: 20px;
            margin-bottom: 20px;
            width: 100%;
            border-spacing: 0;
            /*去掉单元格间隙*/
        }

        .change {
            width: 150px;
            margin: 0 auto;
            background-color: rgb(165, 170, 170);
            text-align: center;
            padding: 5px 10px;
            cursor: pointer;
            border: 1px solid #333;
            user-select: none;
        }

        .clean {
            padding: 5px 10px;
            cursor: pointer;
        }
    </style>
    <title>Document</title>
</head>

<body>

    <div class="content">
        <div class="top-title">HTML测试用画面</div>
        <div class="table">
            <div class="text-content">
                <div class="text-lable">
                    <div class="t-label">文本框</div>
                    <input type="text" />
                </div>
                <div class="text-lable second-block">
                    <div class="t-label">文本框</div>
                    <input type="text" />
                </div>
            </div>
            <div class="date-content">
                <div class="text-lable">
                    <div class="t-label">日期开始</div>
                    <input type="date" />
                </div>
                <div class="text-lable second-block">
                    <div class="t-label">日期结束</div>
                    <input type="date" />
                </div>
            </div>
        </div>
        <table class="table-main" border="1">
            <tr class="table-title">
                <td>标题01</td>
                <td>标题02</td>
                <td>标题03</td>
                <td>标题04</td>
            </tr>
            <tr class="table-caozuo">
                <td>
                    <input type="checkbox" name="checkv" checked />checkA &nbsp;&nbsp;
                    <input type="checkbox" name="checkv" />checkB
                </td>
                <td>
                    <input type="radio" name="radiov" checked />radioA &nbsp;&nbsp;
                    <input type="radio" name="radiov" />radioB
                </td>
                <td>
                    <select>
                        <option name="ListA">ListA</option>
                        <option name="ListB">ListB</option>
                        <option name="ListC" id="listc">ListC</option>
                    </select>
                </td>
                <td>
                    <a onclick="clean()" class="clean" href="javascript:void(0);">清除</a>
                </td>
            </tr>
        </table>
        <div onclick="change()" class="change">点击切换内容</div>
        <div class="radius-content">
            <div class="radius-block">1</div>
            <div class="radius-block">2</div>
            <div class="radius-block">3</div>
        </div>
    </div>
</body>

</html>
<script>
    function change() {
        $('input:radio:last').attr('checked', 'checked');
        $('input:checkbox:first').attr('checked', false);
        $('input:checkbox:last').attr('checked', 'checked');
        $('#listc').attr("selected", true);
    }

    function clean() {
        $("input").attr("checked", false);
        $("option:selected").removeAttr("selected");
    }
</script>

    效果:

    img

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题？

  • java上机试题，不怎么会，求个有缘人助我 java
    2022-05-26 22:33
    回答 2 已采纳 完整代码如下： public static void main(String[] args) { new MyFrame().setVisible(true); }
  • 用java语言编写一个book类 java
    2021-10-29 10:13
    回答 2 已采纳 思路：根据题目一句一句编写，这样很容易就学会了，按照题目编号编写；首先定义一个Book类，其次编写一个BookTest类： /** * @author user * @describle （1）编
  • Python上机练习，字符类型及其操作 python 开发语言
    2021-10-20 19:36
    回答 1 已采纳 number = input('请输入信用卡卡号(按回车键确定)：') a = 0 # 奇数位总和 for i in range(1, len(number)+1, 2): a += in
  • 全国计算机二级java上机练习题.pdf
    2021-10-09 23:45
    【全国计算机二级Java上机练习题详解】 Java作为一门广泛使用的编程语言，是计算机二级考试中的重要组成部分。这里我们分析几道典型的Java上机练习题目，以加深对Java基本操作、应用以及综合运用的理解。 首先，第...
  • C++程序设计课程上机实验题 c++
    2017-11-19 03:49
    回答 2 已采纳 http://blog.csdn.net/davis_chou/article/details/8257913
  • java上机作业，着急，请求支援 java 有问必答
    2021-05-28 21:06
    回答 2 已采纳 这么多文件，只要使用File对象就可以实现了。  
  • 上机复试一般是。。还是写个小demo啊 开发语言
    2023-02-05 18:51
    回答 1 已采纳 既然是机考，需要登录机器，肯定有程序题。程序题，可能以填空，选择，或完全手写的形式。另外，单选题，多选题，判断题也有可能出现，和平时纸考一样。
  • 全国计算机二级java上机练习题宣贯.pdf
    2021-11-10 13:45
    Java是一种广泛使用的面向对象的编程语言，具有跨平台、高性能、安全性和稳定性等特性。在Java中，字符串是不可变的对象，通常通过`String`类来处理。题目中的第一部分涉及到字符串操作，特别是检查一个字符串是否...
  • 用C语言如何写机房上机模拟系统 c语言
    2023-02-16 11:54
    回答 1 已采纳 回答来自ChatGPT： #include <stdio.h> #include <string.h> #include <time.h> // 定义合法的账号和
  • 运用文件与结构体编程机房上机模拟系统 c语言
    2023-03-08 10:40
    回答 1 已采纳 小魔女参考了bing和GPT部分内容调写:要实现上述功能，需要先准备一个存储用户账号和密码的文件，以及一个存储用户上机时间和下机时间的文件。 首先，使用结构体定义存储用户账号和密码的结构体： stru
  • r语言上机题，关于优劣度的排序，一直等于0，快疯了 r语言
    2017-06-09 01:20
    回答 2 已采纳 你前面的 max=numeric(6) min=numeric(6) for(k in 1:6){ max[k]=max(x[k,]) min[k]=min(x[k,]) } 已经错了，
  • java上机题编程题
    2024-04-01 22:34
    2401_83817843的博客 我还通过一些渠道整理了一些大厂真实面试主要有：蚂蚁金服、拼多多、阿里云、百度、唯品会、携程、丰巢科技、乐信、软通动力、OPPO、银盛支付、中国平安等初，中级，高级Java面试题集合，附带超详细答案，希望能帮助...
  • JavaOOP_第9章上机练习.zip
    2020-04-20 17:40
    Java面向对象编程（Object-Oriented ...通过完成这些上机练习，你可以更深入地理解Java OOP的核心概念，并提升实际编程能力。记住，理论知识和实践操作相结合才能真正掌握编程技能。祝你在学习过程中取得丰硕的成果！
  • Java笔试常见编程题，Spring的搭建及入门
    2024-04-19 11:35
    2301_82242251的博客 对Spring的搭建完成，以及对基本概念有了一定的理解，就可以进入下一个阶段了，一心同学将会在下一篇博客讲解Spring中的Bean管理机制。自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等...
  • java上机练习1答案_Java基础练习选择题(1)答案
    2021-03-15 01:49
    渡梁2767的博客 JDK是( )A、一种全新的程序语言B、一种程序开发辅助工具C、一种由Java写成的，并支持Java Applet的浏览器D、一种游戏软件2、Java语言中下面哪个可以用作正确的变量名称( )A、3D B、name C、extends D、implements3、...
  • 没有解决我的问题, 去提问

问题事件

  • 系统已结题 12月25日
  • 已采纳回答 12月17日
  • 赞助了问题酬金15元 12月12日
  • 创建了问题 12月12日

悬赏问题

  • ¥15 javaweb项目无法正常跳转
  • ¥15 VMBox虚拟机无法访问
  • ¥15 skd显示找不到头文件
  • ¥15 机器视觉中图片中长度与真实长度的关系
  • ¥15 fastreport table 怎么只让每页的最下面和最顶部有横线
  • ¥15 R语言卸载之后无法重装，显示电脑存在下载某些较大二进制文件行为，怎么办
  • ¥15 java 的protected权限 ，问题在注释里
  • ¥15 这个是哪里有问题啊？
  • ¥15 关于#vue.js#的问题：修改用户信息功能图片无法回显，数据库中只存了一张图片（相关搜索：字符串）
  • ¥15 texstudio的问题，