java 使用html语法编写客户端(Javaweb知识day08HTML表单)
java 使用html语法编写客户端(Javaweb知识day08HTML表单)
2024-11-06 04:16:53  作者:黙捻尒的情  网址: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-06桂花盆栽怎么养桂花树姿挺秀,四季常青,开花时飘香四溢,是一种深受人们喜爱的乔木桂花不仅可以种植在室外,还可以作为盆栽种植于室内桂花盆栽需要选择合适的盆土,适当进行浇水施肥,保证充足的光照以及合理的枝叶修剪掌握桂花的。
  • 南宁2023三岸大桥扩建最新消息(南宁仙合大桥什么时候开工建设)
  • 2024-11-06南宁仙合大桥什么时候开工建设对于龙岗居民来说,给他们画的“大饼”是一个接着一个,虽然都在规划阶段,但是可以预见等南宁塔、五象火车站、地铁4号线都开通运营之后,龙岗的发展将与国际接轨,潜力是无限的如今龙岗各大板块的开发都在深入进行。
  • 高圣远和周迅谈过的恋爱(高圣远疑似官宣新恋情)
  • 2024-11-06高圣远疑似官宣新恋情自从2020年女神周迅官宣与高圣远离婚以后,这两人的感情生活算是一直很低调的周迅一直在拍戏,事业依旧是风生水起,而高圣远在内地娱乐圈的名气并没有很大的变化当然,网友们更关心的是他们的感情生活近日便有网。
  • 央行520发行心形纪念币(央行520将发行心形纪念币)
  • 2024-11-06央行520将发行心形纪念币13日,央行发布公告称,定于2022年5月20日发行2022吉祥文化金银纪念币一套该套金银纪念币共7枚,其中金质纪念币3枚,银质纪念币4枚,均为中华人民共和国法定货币该套金银纪念币正面图案均为“吉祥”。
  • 许应裘做什么生意(许应裘百亿儒商曾是战斗英雄)
  • 2024-11-06许应裘百亿儒商曾是战斗英雄​客名君衷心祝福庚子金鼠年,国泰民安,祥瑞普照;祝愿您新春快乐,阖家幸福,平安喜乐、事业兴旺,吉祥如意!在SARI肆虐的日子里,照顾好自己和一切力所能及照顾到的人,内心安宁,百毒不侵!客名君按:本文经。
  • 荨麻疹如何预防做好4点很关键(做好这四点)
  • 2024-11-06做好这四点现在荨麻疹的病人越来越多,主要临床症状表现为皮肤出现水肿或风团,突然发生又迅速消退,尤其是露于表面的病症,严重影响美观问题医院主任介绍说,荨麻疹治疗一定要趁早,越早治疗效果越好那么,什么方法可以治好荨。
  • 企业微信和个人微信哪个好(企业微信和个人微信有什么不一样)
  • 2024-11-06企业微信和个人微信有什么不一样接下来,咱们看看有什么区别吧企业微信企业标签和个人标签有什么区别?企业微信企业标签和个人标签大体来说都是给客户打的标签,具体有以下2个区别:1)设定人员身份不同企业微信企业标签由企业管理员统一在企业微。
  • 减肥是先瘦腿还是先瘦肚(分清你是哪种肚)
  • 2024-11-06分清你是哪种肚1、水袋肚脾虚,揉小腹第一种水袋肚比较常见,就是脾虚型的肥胖有水袋肚的人,容易表现出乏力、脸色发黄、有舌苔、没劲儿、犯困、大便不成型要想减水袋肚,一定不要吃减肥茶减肥药,都是泻的,越减越肥脾虚,就要健。
  • 郭德纲谈郭麒麟五岁的事儿(否认有私生女之后)
  • 2024-11-06否认有私生女之后序言:2022年2月8日,郭德纲晒照为儿子郭麒麟庆生并配文“儿子生日快乐,爸爸给你买了件蟒”,他还晒出了给郭麒麟买的一件蟒袍,做工极致,用料讲究,应该价值不菲非著名娱评人吴清功指出:可问题是:郭麒麟几。
  • 商鞅真的是导致秦国灭亡的原因吗(改变秦国的商鞅)
  • 2024-11-06改变秦国的商鞅商鞅本名卫鞅,因其封地在商故称商鞅战国时期政治家、改革家、思想家,法家代表人物,卫国国君后代秦国在战国初期本是在西边一国,自秦穆公称霸西戎后,随后是百年衰弱,到了战国时期秦国常被中原国家看不起,魏国也。
  • 国宴十大名菜佛跳墙(七道最贵的菜之一)
  • 2024-11-06七道最贵的菜之一佛跳墙,作为闽菜系里出名的菜品被中国所有人所熟知虽然在午饭的点写这个会比较罪恶,但是我还是毅然决然的写了出来,自己口水都咽了不知道多少遍了佛跳墙又名福寿全,是福建省福州市的一道特色名菜,属闽菜系相传,。
  • 蒙骜是白起的手下吗(蒙骜是不是白起的手下)
  • 2024-11-06蒙骜是不是白起的手下蒙骜是白起的手下蒙骜是战国末期秦国著名将领,担任副将之职蒙骜出生于齐国,是白起最好的搭档在攻打郾城时,蒙骜疏通了河流,将河水灌入了楚国城中蒙骜还能独立领兵作战,无论是夺韩国城池,还是攻打赵国太原,都十。