6.8.2设计登录表单

2023-12-28 20:38
文章标签 设计 表单 登录 6.8

本文主要是介绍6.8.2设计登录表单,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

1、代码:background:url(a.jpg) center -50px no-repeat  #c4c4c4;

作用:设置背景图片,使其居中,偏上,禁止平铺,设置背景图像无法覆盖的区域显示浅灰色(#c4c4c4)

新知识点:

repeat属性:background-repeat属性,设置是否以及如何重复背景图像,默认地,背景图像在水平以及垂直方向重复,background-repeat:no-repeat;禁止平铺;background-repeat:repeat-y;在垂直方向上平铺;background:repeat-x;在水平方向上平铺;

background属性:很多属性值就是表示背景图像的位置,是否平铺等,直接针对图,如果没有图像,则不起作用。

问题:偏上为什么直接用-50px?居中属性的可用标签问题?

2、.clear{clear:both;}作用:定义清楚样式类,以便控制页面中每个表单域的换行显示。

clear属性规定元素的哪一侧不允许其他浮动元素;

问题:对于清除浮动如何达到所用效果不理解。

3、<fieldset>标签:将一组表单元素打包,当把一组表单元素放在这个标签内时,则浏览器会以特殊形式显示他们,可能有特殊的边界或3D效果。(fieldset:英文意思:自定义字段,控件组)

<legend>标签:定义<fieldset>标签标题(legend:说明)显示效果如图

4、 代码:<lable for="login">Email</lable>
      <input type="text" name="login" id="login" />
      <div class="clear"></div>

新知识点:<lable>标签为<input>定义标签,就是解释这个<input>的作用,属性for的值为<input>的id值,这样<lable>就和<input>绑定了,点击<lable>标签时也会出发<input>表单

问题:感觉这里的<lable>可有可无

5、代码:form{width:406px;margin:120px  auto 0;}

     居中

这篇关于6.8.2设计登录表单的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/547227

相关文章

SpringBoot后端实现小程序微信登录功能实现

《SpringBoot后端实现小程序微信登录功能实现》微信小程序登录是开发者通过微信提供的身份验证机制,获取用户唯一标识(openid)和会话密钥(session_key)的过程,这篇文章给大家介绍S... 目录SpringBoot实现微信小程序登录简介SpringBoot后端实现微信登录SpringBoo

在.NET平台使用C#为PDF添加各种类型的表单域的方法

《在.NET平台使用C#为PDF添加各种类型的表单域的方法》在日常办公系统开发中,涉及PDF处理相关的开发时,生成可填写的PDF表单是一种常见需求,与静态PDF不同,带有**表单域的文档支持用户直接在... 目录引言使用 PdfTextBoxField 添加文本输入域使用 PdfComboBoxField

kali linux 无法登录root的问题及解决方法

《kalilinux无法登录root的问题及解决方法》:本文主要介绍kalilinux无法登录root的问题及解决方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,... 目录kali linux 无法登录root1、问题描述1.1、本地登录root1.2、ssh远程登录root2、

springboot security验证码的登录实例

《springbootsecurity验证码的登录实例》:本文主要介绍springbootsecurity验证码的登录实例,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,... 目录前言代码示例引入依赖定义验证码生成器定义获取验证码及认证接口测试获取验证码登录总结前言在spring

Python实现自动化表单填写功能

《Python实现自动化表单填写功能》在Python中,自动化表单填写可以通过多种库和工具实现,本文将详细介绍常用的自动化表单处理工具,并对它们进行横向比较,可根据需求选择合适的工具,感兴趣的小伙伴跟... 目录1. Selenium简介适用场景示例代码优点缺点2. Playwright简介适用场景示例代码

最新Spring Security实战教程之表单登录定制到处理逻辑的深度改造(最新推荐)

《最新SpringSecurity实战教程之表单登录定制到处理逻辑的深度改造(最新推荐)》本章节介绍了如何通过SpringSecurity实现从配置自定义登录页面、表单登录处理逻辑的配置,并简单模拟... 目录前言改造准备开始登录页改造自定义用户名密码登陆成功失败跳转问题自定义登出前后端分离适配方案结语前言

Oracle登录时忘记用户名或密码该如何解决

《Oracle登录时忘记用户名或密码该如何解决》:本文主要介绍如何在Oracle12c中忘记用户名和密码时找回或重置用户账户信息,文中通过代码介绍的非常详细,对同样遇到这个问题的同学具有一定的参... 目录一、忘记账户:二、忘记密码:三、详细情况情况 1:1.1. 登录到数据库1.2. 查看当前用户信息1.

Gin框架中的GET和POST表单处理的实现

《Gin框架中的GET和POST表单处理的实现》Gin框架提供了简单而强大的机制来处理GET和POST表单提交的数据,通过c.Query、c.PostForm、c.Bind和c.Request.For... 目录一、GET表单处理二、POST表单处理1. 使用c.PostForm获取表单字段:2. 绑定到结

javaScript在表单提交时获取表单数据的示例代码

《javaScript在表单提交时获取表单数据的示例代码》本文介绍了五种在JavaScript中获取表单数据的方法:使用FormData对象、手动提取表单数据、使用querySelector获取单个字... 方法 1:使用 FormData 对象FormData 是一个方便的内置对象,用于获取表单中的键值

MobaXterm远程登录工具功能与应用小结

《MobaXterm远程登录工具功能与应用小结》MobaXterm是一款功能强大的远程终端软件,主要支持SSH登录,拥有多种远程协议,实现跨平台访问,它包括多会话管理、本地命令行执行、图形化界面集成和... 目录1. 远程终端软件概述1.1 远程终端软件的定义与用途1.2 远程终端软件的关键特性2. 支持的