java 使用html语法编写客户端(Javaweb知识day08HTML表单)
java 使用html语法编写客户端(Javaweb知识day08HTML表单)
2024-11-06 07:46:28  作者:黙捻尒的情  网址: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

  • 淘宝新手卖家如何使用千牛(淘宝千牛怎么上传营业执照)
  • 2024-11-06淘宝千牛怎么上传营业执照当我们刚开始开淘宝店的时候,一般都不会特别着急上传营业执照,但是随着后面生意的越来越好,或者经营的类目有需要特殊资质,这就需要上传营业执照了,可能有不少小白对于具体的上传步骤不太清楚,接下来小编就来个。
  • 披荆斩棘的哥哥大湾区生活圈(披荆哥哥是个圈)
  • 2024-11-06披荆哥哥是个圈芒果台的综艺,总能给人出人意料的惊喜比如第一季的《浪姐》,再比如第一季的《披荆斩棘的哥哥》,都是在观众看腻了各种无才无颜无德的选秀后,给观众直接的视觉听觉的冲击,让人感慨“这才是选秀啊!”所以才能这么。
  • 库班接受独行侠签合同(君子报仇十年不晚)
  • 2024-11-06君子报仇十年不晚北京时间2月1日,达拉斯独行侠队与纽约尼克斯队之间完成了一笔震动整个联盟的交易:独行侠队送出包括丹尼斯-史密斯、小乔丹、马修斯和两个首轮签在内的筹码,从尼克斯队得到波尔津吉斯、小哈达威、考特尼-李和伯。
  • 孤岛惊魂1.4补丁怎么用(孤岛惊魂51.06版本升级补丁上线)
  • 2024-11-06孤岛惊魂51.06版本升级补丁上线育碧公布了《孤岛惊魂5》(FarCry5)的1.06版本补丁,主要增加了一些装扮物品道具,给玩家带来更多角色自定义空间,同时也在游乐场编辑器中加入了新的素材游戏中的许多任务bug也得到了修复,还提升了。
  • 如何清洗水箱内部(清洗水箱内部的方法)
  • 2024-11-06清洗水箱内部的方法将水箱清洗剂加入水箱加注口,进行浸泡清洗;大概20到30分钟后放掉清洗剂;用水冲洗干净水箱和管路即可完成发动机水箱是汽车冷却系统中主要的零件,其作用是吸收缸体热量,让发动机维持在一个合适的工作温度,提。
  • 孜然肉丝炒细面做法(孜然炒细面的做法步骤)
  • 2024-11-06孜然炒细面的做法步骤大多数爱吃面的人晚上去夜市吃宵夜,孜然炒细面基本是必点的,我家儿子自从某晚尝过这个面条后,也是念念不忘的后来晚上再出去吃东西,他就会要求来盘了,我怕大晚上的吃着会上火,所以跟他一起去点这个面时,我会说。
  • 梦见蛇是怀孕的征兆吗(梦见蛇是不是快怀孕了)
  • 2024-11-06梦见蛇是不是快怀孕了梦蛇不是怀孕征兆,多主你在感情关系的处理上与个人的想法息息相关,因此会给家人带来不顺如你能够平和心态的与家人处理事情则问题,事半功倍,如你的脾气较为急躁,且做事的方式以个人为准则,你和家人之间的关系有。
  • 莲心什么时候背叛皇后的(莲心新婚夜发生了什么)
  • 2024-11-06莲心新婚夜发生了什么排版丨九月清宫编辑丨墨枫如懿传原著也太暗黑啦!这真的是我能免费看的内容吗?我单知道卫嬿婉为了上位手段凶残,无所不用其极但看了原著以后才发现,剧版还是拍的太保守啦!就拿意欢怀胎被动手脚来说吧剧中只说了意。
  • 市场调研思路及分析(学会这个市场调研)
  • 2024-11-06学会这个市场调研一套行之有效的方案可以贯穿公司的整个业务,同时能帮助企业走向正确的轨道,很多企业家不知道的方案,快来看看吧企业的社会责任和战略目标非常重要,要想确定这两点,首先要确定你的客户群体和产品,如何才能确定?。
  • 怎样的蓝宝石最好(蓝宝石入门知识)
  • 2024-11-06蓝宝石入门知识记得关注哟这篇文章,我们来系统讲解一下刚玉族宝石中的另一大分支:蓝宝石我会尽量把影响蓝宝石价值的知识点穿成一个体系,并在每个知识点后面给出选购的方法论,希望准备入手的小伙伴们仔细看完这篇干货,可以少踩。