java 使用html语法编写客户端(Javaweb知识day08HTML表单)
java 使用html语法编写客户端(Javaweb知识day08HTML表单)
2024-11-22 05:45:31  作者:黙捻尒的情  网址:https://m.xinb2b.cn/know/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

  • 宝马x2采用的是采埃孚8at发动机吗(宝马X2在华阉割动力)
  • 2024-11-22宝马X2在华阉割动力众所周知,宝马汽车是中国人非常喜爱的豪华品牌,一直以来宝马都在强调着自己的运动、豪华和纯粹虽然进入中国的宝马汽车价格不菲,但还是大有人在,愿意为此买单比如宝马X5在美国6万美元起售,普通工人努力一、二。
  • 怎么弄一张空白图片(怎么制作一张空白图片)
  • 2024-11-22怎么制作一张空白图片打开PS,随便导入一张图片或者新建一个图层用套索工具框选全部图层,按delete键删除图层内容,此时会用黑白相间的小方格来垫底把背景上面的小锁头拖到垃圾桶里,给图层解锁到这里就完成了!对于图片处理比较。
  • 奢悦水光精华:秋季必备补水精华推荐
  • 2024-11-22奢悦水光精华:秋季必备补水精华推荐几场连绵的小雨过后,北方终于正式入秋了一些对气候感知比较明显的朋友,更早的感受到了秋天的到来除了秋高气爽的舒适以外,还有换季带来的皮肤干燥缺水,尤其是干皮和混合皮的朋友,皮肤很明显变得粗糙了很多,敏感。
  • 耳朵孔里每天痒怎么办(耳朵痒只是因为)
  • 2024-11-22耳朵痒只是因为医学指导:广东省名中医、岭南名中医、博士生导师广东省中医院耳鼻喉科主任医师、学术带头人李云英教授日常生活中,相信很多朋友都经历过耳朵痒的情况,通常这个时候,你肯定会找来棉签、挖耳勺来一掏为快,认为是“。
  • 山西继母虐童案详情(山西继母虐童被判无期)
  • 2024-11-22山西继母虐童被判无期“山西12岁女童遭继母虐打致大面积脑梗死”案已于5月31日在朔州市中级人民法院宣判,法院认定被告人王某蓉手段残忍、后果严重、情节恶劣、社会影响极坏,依法予以严惩,最终判处王某蓉无期徒刑,赔偿128万余。
  • 面试时如何说你最适合的工作(想要找到一份好的工作)
  • 2024-11-22想要找到一份好的工作大家都知道,找工作是关系到人一生的大事古语云”女怕嫁错郎,男怕入错行“虽然现在的换工作如穿衣吃饭一样,但它对一个人的人生来说还是具有很大的影响作用随着复工步调的推进,找工作是很多无职或跳槽人士所关心的。
  • 张衡简介和故事(他们的故事木圣)
  • 2024-11-22他们的故事木圣公元138年(东汉永和三年)4月的一天,安置于东都洛阳的地动仪西北向的龙口里的铜珠突然掉进了其下对应的蟾蜍口中地动仪是测定地震及方位的,铜珠掉落了,洛阳却毫无震感,京城的学者们便开始质疑了,说张平子制。
  • 用哲学的观点分析日本的行为(当日本人在说托您的福)
  • 2024-11-22当日本人在说托您的福A:“托您的福”B:“没有没有,雅您的思”开局抖个小机灵,“お陰様で(おかげさまで)”一句再不过普通的日式寒暄用语,中文翻译为“托您的福”,由于这种寒暄用语传到中国台湾再传到大陆时,就显得有些水土不服。
  • 12种家庭美食食谱(地地道道的家常荣)
  • 2024-11-22地地道道的家常荣香菇炒鸡原料:三黄鸡1000克、小香菇200克、青椒节300克、青花椒40克、姜、蒜、盐、料酒、胡椒粉、鸡精、味精、白糖、辣鲜露、蒸鱼豉油、鲜汤汁、花椒油、麻油、茶籽油各适量制法:1.把三黄鸡治净后剁。
  • 老北京秋梨膏的家常做法(老北京秋梨膏怎么做)
  • 2024-11-22老北京秋梨膏怎么做主料:梨适量配料:红枣适量、姜适量、冰糖适量、蜂蜜适量梨去皮用擦板磨成蓉,红枣切碎,姜也磨也蓉梨蓉、红枣碎和姜蓉一起放入汤锅,搅匀大火烧开后小火熬40分钟,中间需不时的搅拌,以防粘锅关火放晾,用纱布把。
  • 天皇登基爱子的表现(爱子公主头戴王冠亮相)
  • 2024-11-22爱子公主头戴王冠亮相爱子公主头戴王冠亮相,宫廷礼服花了心思,天皇嫡女风采正当时不仅仅是日本皇室盼望着,很多粉丝也都翘首以待,终于等到了爱子公主的成年庆典仪式举行璀璨的王冠珠宝,与双十年华青春飞扬的好姑娘,还有什么比这个更。
  • 汪海林对陈情令的评价(北辙南辕理解生活是)
  • 2024-11-22北辙南辕理解生活是一南辕:在自己的生活里,接自己的地气汪海林:万水千山总是情,我是面瘫汪海林今天迎来了我们的一个老朋友,编剧陈枰老师您好,陈老师陈枰:你好汪海林:您最近挺忙的?陈枰:挺忙,但没你忙汪海林:我也看了《北辙。