JavaWeb学习day02
JavaWeb 学习day02
HTML标签：表单标签
表单：
概念：用于采集用户输入的数据的。用于和服务器进行交互。
form：用于定义表单的。可以定义一个范围，范围代表用户采集用户数据的范围。属性：
action：指定提交数据的 URLmethod：指定提交方式分类：一共 7 种，2 种比较常用
- get:
- 请求参数会在地址栏中显示。会封装到请求行中。
- 请求参数的长度是有限制的。
- 不太安全
- post:
- 请求参数不会在地址栏中显示，会封装在请求体中（http协议后讲解）。
- 请求参数的大小没有限制。
- 较为安全。
表单项中的数据要想被提交：必须指定其 name 属性
表单项标签：
input：可以通过 type 属性值，改变元素展示的样式type属性：text：文本输入框- placeholder：指定输入框的提示信息，当输入框的内容放生变化，会自动清空提示信息
password：密码输入框radio：单选框- 注意：
- 要想让多个单选框实现单选效果，则多个单选框的 name 属性值必须一样
- 一般会给每一个单选框提供 value 属性，指定其被选中后提交的值
- checked 属性，可以指定默认值
- 注意：
checkbox：复选框- 注意：
- 一般会给每一个单选框提供 value 属性，指定其被选中后提交的值
- checked 属性，可以指定默认值
- 注意：
file：文件选择框hidden：隐藏域，用于提交一些信息。- 按钮：
submit：提交按钮。可以提交表单button：普通按钮image：图片提交按钮。 src 指定图片路径。
label属性：指定输入项的文字描述信息。- 注意：
label的for属性一般会和input的id属性值对应。如果对应了，则点击 label 区域，会让 input 输入框获取焦点。
- 注意：
select：下拉列表- 子元素：
option，指定列表项
- 子元素：
textarea：文本域cols：指定列数，每一行有多少个字符rows：默认多少行。
CSS：页面美化和布局控制
概念：Cascading Style Sheers：层叠样式表
- 层叠：多个样式可以作用在同一个 html 元素上，同时生效。
好处：
- 功能强大
- 将内容展示和样式控制分离
- 降低耦合度。解耦
- 让分工协作更容易
- 提高开发效率
CSS 的使用：CSS 与 HTML 的集合方式
- 内联样式
- 在标签内使用 style 属性指定 css 代码
- 如：
<div style="color: red;">hello css</div>。不推荐使用
- 内部样式
- 在 head 标签，内定义 style 标签，style 标签的标签体内容就是 css 的代码
- 外部样式
- 定义 css 的资源文件
- 在 head 标签，内定义 link 标签。引用外部资源文件
- 注意：
- 1，2，3中方式，css 作用范围越来越大
- 1 方式不常用，后期常用的是 2，3
- 内联样式
css 语法：
格式：
选择器 {属性名1：属性值1;...属性名n：属性值n; }选择器：筛选具有相似特征的元素
注意：
- 每一对属性需要使用
;隔开，最后一对属性可以不加。
- 每一对属性需要使用
选择器：筛选具有相似特征的元素
- 分类：
- 基础选择器
- id 选择器：选择具体的 id 属性值的元素。建议在一个 html 页面中 id 值唯一
- 语法：
#id 属性值{}
- 语法：
- 元素选择器：选择具有相同标签名称的元素。
- 语法：
标签名称{} - 注意：id 选择器优先级高于元素选择器
- 语法：
- 类选择器：选择具有相同的 class 属性值的元素
- 语法：.class属性值 {}
- 注意：类选择器优先级高于元素选择器
- id 选择器：选择具体的 id 属性值的元素。建议在一个 html 页面中 id 值唯一
- 扩展选择器
*：选择所有元素- 语法：
*{}
- 语法：
- 并集选择器：
- 语法：
选择器1，选择器2{}
- 语法：
- 子选择器：筛选选择器1元素下的选择器2元素。
- 语法：
选择器1 选择器2{}
- 语法：
- 父选择器：筛选选择器2的父元素选择器1
- 语法：
选择器1 > 选择器2{}
- 语法：
- 属性选择器：选择元素名称，属性名=属性值的元素
- 语法：
元素名称[属性名="属性值"]{}
- 语法：
- 伪类选择器：选择一些元素所有的状态
- 语法：
元素：状态{} - 如：
<a>- 状态：
- link：初始化的状态
- visitied：被访问过的状态
- activate：正在被访问的状态
- hover：鼠标悬浮状态
- 状态：
- 语法：
- 基础选择器
- 分类：
属性：
- 字体、文本
- font-size：字体大小
- color：文本颜色
- text-align：对其方式
- line-height：行高
- font-size：字体大小
- 背景
- background：
- 边框
- border：设置边框，符合属性
- 尺寸
- width：宽度
- height：高度
- 盒子模型：控制布局
margin：外边距
padding：内边距
- 默认情况下内边距会影响整个盒子的大小
- box-sizing: border-box; 设置盒子的属性，让width和height就是最终盒子的大小
float：浮动
- left
- right
- 字体、文本
案例：CSS 注册页面
略。源码私聊。
JavaWeb学习day02相关推荐
- JavaWeb学习Day02（狂神说Java）
文章目录 5.Maven 5.1 Maven项目架构管理工具 5.2 下载安装Maven 5.3 配置环境变量 5.4 阿里云镜像 5.5 本地仓库 5.6 在IDEA中使用Maven 5.7 创建一 ...
- JavaWeb学习笔记（十）--HttpServletRequest
1. HttpServletRequest简介 HttpServletRequest对象代表客户端的请求,当客户端通过HTTP协议访问服务器时,HTTP请求头中的所有信息都封装在这个对象中 2. Ht ...
- javaweb学习总结(三十三)——使用JDBC对数据库进行CRUD
javaweb学习总结(三十三)--使用JDBC对数据库进行CRUD 一.statement对象介绍 Jdbc中的statement对象用于向数据库发送SQL语句,想完成对数据库的增删改查,只需要通过 ...
- JavaWeb学习总结(五十二)——使用JavaMail创建邮件和发送邮件
JavaWeb学习总结(五十二)--使用JavaMail创建邮件和发送邮件 一.RFC882文档简单说明 RFC882文档规定了如何编写一封简单的邮件(纯文本邮件),一封简单的邮件包含邮件头和邮件体两 ...
- javaweb学习总结(四)——Http协议
javaweb学习总结(四)--Http协议 一.什么是HTTP协议 HTTP是hypertext transfer protocol(超文本传输协议)的简写,它是TCP/IP协议的一个应用层协议,用 ...
- javaweb学习总结(六)——Servlet开发(二)
一.ServletConfig讲解 1.1.配置Servlet初始化参数 在Servlet的配置文件web.xml中,可以使用一个或多个<init-param>标签为servlet配置一些 ...
- 转载：javaweb学习总结(二十三)——jsp自定义标签开发入门
javaweb学习总结(二十三)--jsp自定义标签开发入门 转自:http://www.cnblogs.com/xdp-gacl/p/3916734.html 一.自定义标签的作用 自定义标签主要用 ...
- javaweb学习总结(三十九)——数据库连接池
javaweb学习总结(三十九)--数据库连接池 一.应用程序直接获取数据库连接的缺点 用户每次请求都需要向数据库获得链接,而数据库创建连接通常需要消耗相对较大的资源,创建时间也较长.假设网站一天10 ...
- JavaWeb学习之路——SSM框架之SpringMVC(八)
SpringMVC参数传递:把内容写到方法(HandlerMethod)参数中,SpringMVC只要有这个内容,则会注入,在这里使用注解的方式来传递参数 前提使用springmvc注解功能,相应配置 ...
- JavaWeb学习之路——SSM框架之Spring(五)
前情提要请看JavaWeb学习之路--SSM框架之Spring(四) 整合Spring和Mybatis框架 1.在项目的 ...
最新文章
- css超过两行显示为..._这6种组织CSS的方式，可以帮助你解决CSS扩展维护难的问题...
- MySQL环境配置和入门讲解！
- python捷豹_图像处理基本工具——Python 环境下的 Pillow( PIL )
- python空行拼接字符串_python基础---文本和字符串操作
- openresty获取nginx原始的请求头内容
- 网页 html 全图片排版,HTML5-网页排版划分
- Linux系统的启动过程（转）
- sublime的一些快捷键
- coco2d-js 多屏适配相关API
- 第五章：1.数组和广义表 -- 数组
- 梯度下降的线性回归用python_学习笔记：使用python 实现线性回归里的梯度下降...
- RK3288关于LVDS信号配置和1080p视频信号的详解
- 通信电子线路实验-调幅模块仿真（发送与接收）
- 小区广播背景音乐系统IP网络广播解决方案
- 大数据服务器环境准备(三台服务)
- MySQL按年龄段查询
- 计算机算法实际应用,数学方法在计算机算法中的应用分析
- JNB， JBE, JGE, JLE 指令的转移条件
- 如何激发孩子的想象力_如何激发孩子的创造力，想象力？
- 五年级计算机课主要学哪些内容,五年级下册信息技术课程纲要