java 使用html语法编写客户端(Javaweb知识day08HTML表单)
java 使用html语法编写客户端(Javaweb知识day08HTML表单)
2024-11-22 04:25:18  作者:黙捻尒的情  网址:https://m.xinb2b.cn/life/knu227463.html

一、HTML标签:表单标签1.1 表单概念:用于采集用户输入的数据的用于和服务器进行交互,我来为大家科普一下关于java 使用html语法编写客户端?下面希望有你要的答案,我们一起来看看吧!


java 使用html语法编写客户端

一、HTML标签:表单标签

1.1 表单概念:用于采集用户输入的数据的。用于和服务器进行交互。

1.2 语法:

form:用于定义表单的,可以定义一个范围,范围代表采集用户数据的范围

属性:

action:指定提交数据的URL

method:指定提交方式

method分类:一共7种,2种比较常用

get:

1. 请求参数会在地址栏中显示。会封装到请求行中(HTTP协议后讲解)。

2. 请求参数大小是有限制的。

3. 不太安全。

post:

1. 请求参数不会再地址栏中显示。会封装在请求体中(HTTP协议后讲解)

2. 请求参数的大小没有限制。

3. 较为安全。

注意:表单项中的数据要想被提交:必须指定其name属性

二、表单项标签:

2.1 input:可以通过type属性值,改变元素展示的样式

2.1.1 type属性:

text:文本输入框,默认值

placeholder:指定输入框的提示信息,当输入框的内容发生变化,会自动清空提示信息

password:密码输入框

radio:单选框

注意:

1. 要想让多个单选框实现单选的效果,则多个单选框的name属性值必须一样。

2. 一般会给每一个单选框提供value属性,指定其被选中后提交的值

3. checked属性,可以指定默认值

checkbox:复选框

注意:

1. 一般会给每一个单选框提供value属性,指定其被选中后提交的值

2. checked属性,可以指定默认值

file:文件选择框

hidden:隐藏域,用于提交一些信息。

按钮:

submit:提交按钮。可以提交表单

button:普通按钮

image:图片提交按钮

src属性指定图片的路径

label:指定输入项的文字描述信息

注意:

label的for属性一般会和 input 的id属性值对应。如果对应了,则点击label区域,会让input输入框获取焦点。

select: 下拉列表,子元素option,指定列表项

textarea:文本域,cols指定列数,每一行有多少个字符,rows默认多少行。

三、CSS:页面美化和布局控制

3.1 概念: Cascading Style Sheets 层叠样式表

层叠:多个样式可以作用在同一个html的元素上,同时生效

3.2 好处:

1. 功能强大

2. 将内容展示和样式控制分离

3. 降低耦合度。解耦

4. 让分工协作更容易

5. 提高开发效率

3.3 CSS的使用:CSS与html结合方式

3.3.1 内联样式:在标签内使用style属性指定css代码

如:<div style="color:red;">hello css</div>

3.3.2 内部样式:在head标签内,定义style标签,style标签的标签体内容就是css代码

如:

<style>

div{

color:blue;

}

</style>

<div>hello css</div>

3.3.3 外部样式

1. 定义css资源文件。

2. 在head标签内,定义link标签,引入外部的资源文件

如:

a.css文件:

div{

color:green;

}

html文件:

<link rel="stylesheet" href="css/a.css">

<div>hello css</div>

注意:

1,2,3种方式 css作用范围越来越大

1方式不常用,后期常用2,3

3.4 css语法:

3.4.1 格式:

选择器 {

属性名1:属性值1;

属性名2:属性值2;

...

}

* 选择器:筛选具有相似特征的元素

* 注意:

* 每一对属性需要使用;隔开,最后一对属性可以不加;

3.5 css选择器:筛选具有相似特征的元素

3.5.1 分类:

1. 基础选择器:

1. id选择器:选择具体的id属性值的元素.建议在一个html页面中id值唯一

* 语法:#id属性值{}

2. 元素选择器:选择具有相同标签名称的元素

* 语法: 标签名称{}

* 注意:id选择器优先级高于元素选择器

3. 类选择器:选择具有相同的class属性值的元素。

* 语法:.class属性值{}

* 注意:类选择器选择器优先级高于元素选择器

2. 扩展选择器:

1. 选择所有元素:

* 语法: *{}

2. 并集选择器:

* 选择器1,选择器2{}

3. 子选择器:筛选选择器1元素下的选择器2元素

* 语法: 选择器1 选择器2{}

4. 父选择器:筛选选择器2的父元素选择器1

* 语法: 选择器1 > 选择器2{}

5. 属性选择器:选择元素名称,属性名=属性值的元素

* 语法: 元素名称[属性名="属性值"]{}

6. 伪类选择器:选择一些元素具有的状态

* 语法: 元素:状态{}

* 如: <a>

* 状态:

* link:初始化的状态

* visited:被访问过的状态

* active:正在访问状态

* hover:鼠标悬浮状态

3.6 css属性:

1. 字体、文本

* font-size:字体大小

* color:文本颜色

* text-align:对其方式

* line-height:行高

2. 背景

* background:

3. 边框

* border:设置边框,符合属性

4. 尺寸

* width:宽度

* height:高度

5. 盒子模型:控制布局

* margin:外边距

* padding:内边距

* 默认情况下内边距会影响整个盒子的大小

* box-sizing: border-box; 设置盒子的属性,让width和height就是最终盒子的大小

* float:浮动

* left

* right

  • 毛嘎啦怎么炒(毛嘎啦怎么做)
  • 2024-11-22毛嘎啦怎么做蛤蜊400g辅料油4g盐4g葱姜少许二锅头4ml干辣椒少许味素2g辣椒红油4g蛤蜊洗净,用淡盐水静养2小时吐沙待用葱和姜切成段和丝备用,把整个的辣椒洗干净别用,锅中放入一些水,烧开以后把生姜和二锅头还。
  • 光滑的地面怎么做防水(光滑的地面怎么做防水介绍)
  • 2024-11-22光滑的地面怎么做防水介绍首先将水泥砂浆平整如果混凝土的墙面上有蜂窝状,缓慢的混凝土,则去除,用水冲洗,再用1:3的水泥砂浆平整,或者用1:2的干燥水泥砂浆平整在预制板围墙上涂上防水层时在预制板围墙上涂上防水层时,在堆积预制板。
  • 怎么做争做小小好网民手抄报(从小争当燕赵好网民)
  • 2024-11-22从小争当燕赵好网民扫描海报二维码即可参与投稿长城网9月6日讯(记者颜楠)为庆祝新中国成立70周年,进一步推动网络文明进校园,提升广大青少年网络素养,从小培育燕赵好网民,引导广大青少年弘扬爱国主义精神,深入践行社会主义核。
  • 母乳喂养是不是可以变瘦(纯母乳喂养瘦得特别快么)
  • 2024-11-22纯母乳喂养瘦得特别快么相信很多宝妈之前都有听过这样一个说法,说母乳喂养,宝妈产后会瘦得更快但是也有宝妈说,自己产后给宝宝母乳喂养,非但没瘦,还胖了需要这是怎么回事呢?那母乳喂养到底能不能减肥呢?接下来我就结合自身当时带宝宝。
  • 银饰放着变黑是什么原因(银饰发黑说明体内有毒)
  • 2024-11-22银饰发黑说明体内有毒不少喜欢佩戴银饰的人发现,随着时间的流逝,外表光亮的银饰会慢慢发黑然而,民间流传着这样一种说法,“古代用银器试毒,银器能够检验毒性”,因此,很多人便认为,佩戴的银饰发黑就说明体内有毒事实真的是这样吗?。
  • 缺少维生素abcd分别要吃什么(维生素ABCD你缺哪种)
  • 2024-11-22维生素ABCD你缺哪种大家先来回想一下,你有多久没吃水果了?多久没有喝牛奶了?多久没吃蔬菜了?现在人好吃的多了,但却还是缺失了很多营养元素,身体出现各种小症状...如何知道自己缺什么营养元素?如何食补?今天我们就来说一说~。
  • 动漫人物合集手绘图(史上最全动漫人物素材)
  • 2024-11-22史上最全动漫人物素材今天分享一组动漫人物手绘史上最全动漫人物素材▼▼▼这一波动漫人物线稿图,超适合新手临摹的哦赶快动手画起来吧!喜欢的赶紧收藏哦!动漫人物线稿作者:日本插画师momoco_haru▼▼▼人物生动,线条非常。
  • 小爱音响怎么连接手机(小爱音响如何连接手机)
  • 2024-11-22小爱音响如何连接手机打开小爱音箱APP,并登陆小米账号点击“开始配网”,给小爱音箱配置网络输入小爱音箱名称,点击确认即可给小爱音箱连接电源打开手机蓝牙,进入蓝牙连接界面选择小爱音箱的专属蓝牙即可。
  • 优秀家长教育经验分享怎样写(家长教育指导到底该)
  • 2024-11-22家长教育指导到底该家长教育指导到底该“教”点什么?(原创好文)原创秦涛教师博览2022-04-1908:00学校开展家庭教育指导的对象是学生家长,虽然用“教”这个字指向家长不太贴切,但为了题目的简洁明了,暂且这样说吧近。
  • 宝宝辅食花菜的做法 如何制作婴儿辅食
  • 2024-11-22宝宝辅食花菜的做法 如何制作婴儿辅食很多妈妈常常被如何制作婴儿辅食而困扰,其实我们制作辅食遵循了以下几个原则,所有菜谱的搭配及制作都变的简单明了:1、荤素搭配自然(每天每餐至少应准备“一荤两素”)‘同时避免食物相克2、荤菜一定蒸熟,素菜。