dya-11(周一）新的知识点

最新推荐文章于 2024-05-31 10:04:55 发布
最新推荐文章于 2024-05-31 10:04:55 发布
阅读量88 收藏
点赞数
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Cn_Yn/article/details/119119534
版权

 整理一下学习新的知识点

邮箱 type=“email”

数字：type=“number”min最小值 max最大值 step 每次递增数目

颜色：type=“color”了解即可

范围区域：type=“range”

网址：type=“url”

搜索框：type=“search”可以做到局部清除

选择年月日：date type=“date”

年月：month type=“month”

年周：week type=“week”

时间：time type=“time”

年月日+时间：datetime-local type=“datetime-local”

datetime 不常用

表格新增的属性

placeholder 提示信息

required验证不能为空

maxlength最大长度

autofocus进入界面时自动获取焦点

autocomplete与name属性链接用

下面为练习

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Document</title>

    <style>

        .one {

            width: 580px;

            height: 740px;

            border: 2px solid #c4c8c8;

        }

        h4 {

            margin-left: 30px;

        }

        legend {

            padding: 6px 40px 8px 40px;

            border: 2px solid #c6caca;

            font-size: 14px;

            margin-left: 20px;

        }

        .yongh {

            margin-left: 100px;

        }

        .mima {

            margin-left: 100px;

        }

        .yong {

            margin-left: 80px;

            margin-bottom: 10px;

        }

        .mima {

            margin-left: 80px;

            margin-bottom: 10px;

        }

        .jiz {

            margin-left: 60px;

            float: left;

        }

        .jiz input {

            width: 16px;

            height: 16px;

        }

        .denglu {

            /* float: left; */

            margin-left: 15px;

        }

        .denglu input {

            width: 100px;

            height: 30px;

            background-color: #d0f0fd;

        }

        a {

            text-decoration: none;

        }

        .wangji {

            margin-top: 10px;

        }

        .tong {

            margin-left: 50px;

            margin-top: 20px;

        }

        .tong input {

            width: 16px;

            height: 16px;

            margin-left: 18px;

        }

        .tong a {

            color: #5f8799;

            margin-left: 10px;

        }

        .sub {

            text-align: center;

        }

        .sub input {

            width: 100px;

            height: 30px;

            margin-top: 10px;

            margin-left: 5px;

            background-color: #d0f0fd;

        }

        .mo{

            color: #4f757b;

            font-size: 15px;

            font-weight: bold;

        }

        .nin{

            margin-left: 10px;

            color: #4f757b;

            font-size: 15px;

            font-weight: bold;

        }

        .nin span{

            font-weight: normal;

        }

        .two{

            width: 500px;

            margin:  0 auto;

            border: 3px solid #c4c8c8;

        }

        .two1{

            width: 500px;

            margin: 0 auto;

            border: 3px solid #c4c8c8;

        }

        legend{

            color: #437e7e;

            font-weight: bold;

        }

    </style>

</head>

<body>

    <div class="one">

        <h4>已注册用户登录</h4>

        <fieldset class="two">

            <legend>用户登录</legend>

            <div class="yong">

                用户名&emsp;<input type="text">

            </div>

            <div class="mima">

                密码&emsp;&emsp;<input type="password">

            </div>

            <div class="jiz">

                <input type="checkbox"><u>记住我</u>

            </div>

            <div class="denglu">

                <input type="submit" value="登陆" class="denglu">

            </div>

            <div class="wangji">

                <a href="">您忘记密码？</a>

            </div>

        </fieldset>

        <h4>未注册创建账户</h4>

        <fieldset class="two1">

            <legend>用户注册</legend>

            <p class="nin">您的电子邮箱不会被公布出去，但是必须填写。<span>在您注册之前请认真阅读服务条款</span></p>

            <div class="yong">

                用户名&emsp;&emsp;<input type="text">*（最多30个字符）

            </div>

            <div class="mima">

                电子邮箱&emsp;<input type="email">*

            </div>

            <div class="mima">

                密码&emsp;&emsp;&emsp;<input type="password">*（最多15个字符）

            </div>

            <div class="mima">

                重复密码&emsp;<input type="password">*

            </div>

            <div class="tong">

                同意服务条款<input type="checkbox"><a href="">先看看条款？</a>*

            </div>

            <div class="sub">

                <input type="submit">

                <input type="reset">

            </div>

            <p class="mo">

                *在提交您的注册信息时，我们认为您已经同意了我们的服务条款。<br>

                <span>

                    *这些条款可能在未经您同意的时候进行修稿。

                </span>

            </p>

        </fieldset>

    </div>

</body>

</html>

 

Cn_Yn
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
PDF密码破解-DYA-1
02-06
PDF密码破解-DYA-1
横河DY_DYA涡街流量计
03-18
横河DY_DYA涡街流量计.pdf 介绍了关于横河DY_DYA涡街流量计的详细说明，提供横河产品的技术资料的下载。
DYA-4 斗地主发牌
qq_45494101的博客
08-09 87
import java.util.ArrayList; import java.util.Collections; import java.util.List; import java.util.Random; public class ddz { public static void main(String[] args) { List<String> pokers=new ...
DYA8面向对象中--包与修饰符
weixin_44872327的博客
09-22 81
包 包的三大作用 1，区分相同名字的类 2，当类很多时，可以很好的管理类【看 Java API文档】 3，控制访问范围 包基本语法 package com.hspedu； 1，package是关键字，表示打包 2，com.hspedu：表示包名 包的本质就是创建不同的文件夹（目录）来保存类文件 包的命名 常用的包 如何引入包 语法：import 包； 建议需要使用哪个类，就导入哪个类，不建议*的导入 注意事项和使用细节 1，packa...
收发一体超声波测距离传感器模块_空气中70KHZ超声波换能器传感器探头DYA-70-03A测距探头3米量程...
weixin_39959192的博客
11-02 602
空气中70KHZ超声波换能器传感器探头DYA-70-03A测距探头3米量程 CT50数字式超声波探伤仪 焊缝探伤测量仪器 金属探伤检测仪 现货，上海身高体重秤 超声波身高体重秤 全自动身高体重称测量仪称，HY-SRF05超声波模块 超声波测距模块 超声波传感器，HC-SR04超声波模块 超声波 测距传感器距离传感器 电子模块，希玛AR600E超声波线缆测高仪 架空线测距仪测高仪 线缆高...
python学习-Dya13-函数
shiyan1sheng的博客
11-02 196
函数就是一些小接口，调用之后会返回所需要的值。使用非常频繁。 处理一些小功能，都会以函数的形式表现。在代码的可移植性来说，是非常好的。必须掌握。 1.      熟悉函数的写法 函数的定义：关键字：def def sum(x, y): \\注释：x，y为形参，sum为自定义的函数名，需要注意的是：不要与系统函数或特殊关键字相同，否则会冲突。最好与函数的方法有关的     print('x
DYA9面向对象中--多态
weixin_44872327的博客
09-23 76
多态（polymorphic） 多态可以提高代码的复用性，利于代码维护 方法或对象具有多种形态。是面向对象的第三大特征，多态是建立再封装和继承基础之上的 1，方法的多态 重写和重载就体现多态 2，对象的多态（核心） ***1，一个对象的编译类型和运行类型可以不一致*** ***2，编译类型在定义对象时，就确定了，不能改变*** ***3,运行类型是可以变化的*** ***4，编译类型看定义时 = 号的左边， 运行类型看 = 号的右边*** 使用多态机制，可以统一的管理主...
DYA10面向对象中--断点调试
weixin_44872327的博客
09-23 120
断点调试 1，在开发中，可以用断点调试，一步一步的看源码执行的过程，从而发现错误所在。 2，重要提示：在断点调试 过程中，是运行状态，是以对象的运行类型来执行的。 介绍： 1，断点调试是指在程序的某一行设置一个断点，调试时，程序运行到这一行就会停住，然后你可以一步一步往下调试，调试过程中可以看各个变量当前的值，出错的话，调试到出错的代码行即显示错误，停下。进行分析从而找到这个Bug 2，断点调试是程序员必须掌握的技能 3，断点调试也能帮助我们查看Java底层源代码的执行过程，提高程序员的Ja
DYA9面向对象中--super关键字
weixin_44872327的博客
09-23 78
super关键字 super代表父类的引用，用于访问父类的属性、方法、构造器 基本语法： 1，访问父类的属性，但不能访问父类的private属性 super.属性名； 2，访问父类的方法，不访问父类的private方法 super.方法名（参数列表）； 3，访问父类的构造器 super（参数列表）；只能放在构造器的第一句 super使用细节/便利 1，调用父类的构造器的好处（分工明确，父类属性由父类初始化，子类的属性由子类初始化） 2，当子类中有和父类中的成员（属性和方法）重名时，
DYA9面向对象中--方法的重写
weixin_44872327的博客
09-23 69
方法重写/覆盖（override） 方法覆盖（重写）就是子类有一个方法，和父类的某个方法的名称、返回类型、参数一样，那么我们就说子类的这个方法覆盖了父类的那个方法 方法重写注意事项和使用细节 1，子类的方法的参数，方法名称，要和父方法的参数，方法名称完全一样 2，子类方法的返回类型和父类方法返回类型一样，或者是父类返回类型的子类；比如：父类 返回类型是Object，子类方法返回类型是String 3，子类方法不能缩小父类方法的访问权限 用super.say（）；提高了代码的复用性，不..
Python库 | dya-3.5.6-py3-none-any.whl
03-19
python库，解压后可用。 资源全名：dya-3.5.6-py3-none-any.whl
PyPI 官网下载 | dya-3.0.0.tar.gz
01-11
资源来自pypi官网。 资源全名：dya-3.0.0.tar.gz
记录一次前端页面崩溃的产生及处理
weixin_51123079的博客
05-30 506
记录一次前端页面崩溃的产生及处理
前端开发记录
最新发布
qq_25806839的博客
05-31 163
【代码】前端开发记录。
Vue3实战笔记（52）—Vue 3封装持仓分析饼图
山花的博客
05-30 516
接上文，封装持仓分析饼图。封装好几个组件，用于后续开发。把忧愁煮成茶，让它在心间慢慢沉淀，剩下的，便是清甜的回味。
【JS实战案例汇总——不定时更新版】
微木
05-30 335
练习JS的实用案例，倒计时算法、定时轮播图
vue 笔记03
m0_47045804的博客
05-30 868
vue挂载以后把所有内容手抄一份就叫做虚拟dom 假设你要操作dom 等一下先不要操作真实dom, 先修改我这个手抄的虚拟的DOM 改完了么？如果我们需要一个变量 这个变量的值是根据data里面某个值或者某几个值的变化而变化的时候,那么我们就需要用到vue里面的computed计算属性。data里面定义的数据无法直接互相访问 因为加载到data的时候还没有产生当前的vue对象。return 返回的结果就是当前计算属性的值。回调函数的参数就是过滤原本的值return 返回过滤的新值。
G4double shape2_dxa = 1*cm, shape2_dxb = 1*cm; G4double shape2_dya = 1*cm, shape2_dyb = 1*cm; G4double shape2_dz = 1*cm; auto solidShape2 = new G4Trd("Shape2", // its name 0.5 * shape2_dxa, 0.5 * shape2_dxb, 0.5 * shape2_dya, 0.5 * shape2_dyb, 0.5 * shape2_dz); // its size
06-12
其中，shape2_dxa和shape2_dxb表示两个平行四边形上底和下底的长度，shape2_dya和shape2_dyb表示两个平行四边形的高度，shape2_dz表示长方体的高度。 在定义G4Trd时，需要指定其6个参数：四边形上底长度、四边形下...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值