一 文本输入框 1 简介 在HTML的表单控件中，用得最多就是文本框控件，支持输入中文，英文，特殊字符，汉字等。...基本上网站的密码框内输入的内容都是保密的，一输入就是以星号或者以小圆点的方式显示。 2 说明 密码框使用的也是标签，作为密码框使用时，type属性的值为“password”。...1 简介 在HTML的控件中，单选框也是经常使用的控件，它一般是成组出现的，一组单选框有相同的名称，但只能选择一个。...2 说明 在HTML中，多行文本框使用的是textarea标签。与 标签不同， 标签是单闭合标签，它包含起始标签和结束标签，文本内容需要写在两个标签中间。...name：文本区域的名称（值：text）。 placeholder：一个简短的提示，描述文本区域期望的输入值（值：text）。 readonly：文本区域为只读（值：readonly）。
( HTML5 中的新属性)hrefURL规定链接指向的页面的 URL。hreflanglanguage_code规定被链接文档的语言。...mediamedia_query规定被链接文档是为何种媒介/设备优化的。( HTML5 中的新属性)reltext规定当前文档与被链接文档之间的关系。...属性： 属性值描述align· right · left · center · justify · char定义表格行的内容对齐方式。charcharacter规定根据哪个字符来进行文本对齐。...align· left · right · center · justify · char规定单元格内容的水平对齐方式。axiscategory_name对单元进行分类。...POST的安全性高，适合提交一些敏感信息(如密码等)，POST提交数据是不可见的。 Name属性： 每个输入字段必须设置一个name属性。
name:属性为表单起个名字.HTML5不支持。用 id 代替。 2. 表单项标签 input 定义输入字段，用户可在其中输入数据。...* 多行的文本输入区域 *name: 定义名称,用于存储文本区域中的值。 *cols：规定文本区内可见的列数。 ...这是该元素与由 input 元素创建的按钮的不同之处。 6. html5标签--fieldset 元素可将表单内的相关元素分组。 ... html5 标签 -- 标签定义可选数据的列表。与 input 元素配合使用，就可以制作出输入值的下拉列表。 ...password: 密码输入框 checkbox: 多选框 注意要提供value值 radio: 单选框 注意要提供value值
文本标签：和文本有关的标签 案例：个人简历 图片标签 列表标签 链接标签 块标签div和span： 语义化标签：html5中为了提高程序的可读性，提供了一些标签。...用于指定html文档的一些属性。引入外部的资源 title：标题标签。 body：体标签 ：html5中定义该文档是html文档 文本标签：和文本有关的标签 注释：<!...块级标签 span：文本信息在一行展示，行内标签 内联标签 语义化标签：html5中为了提高程序的可读性，提供了一些标签。...如果指定为0，则单元格的线会合为一条、 bgcolor：背景色 align：对齐方式 tr：定义行 bgcolor：背景色 align：对齐方式...要想让多个单选框实现单选的效果，则多个单选框的name属性值必须一样。 2.
, int alignment) 实例化一个显示指定的文本字符串的新标签对象，其文本对齐方式为指定的方式 Label 对象不仅可在实例化时，指定文本对齐方式，还可在此后调用成员方法setAlignment...它们的参数 alignment是用于指定对齐方式的 int 型数据，在 Label 中为其定义了3个静态常量：Label.LEFT 表示左对齐(int 值 0), Label.CENTER 表示居中对齐...复选框（Checkbox） 复选框是一种输入信息的组件，拥有“状态”的特性，通过鼠标单击复选框的操作可以将其状态从“true”更改为“false”，或从“false” 更改为“true”。...单选按钮组的实现（结合使用CheckboxGroup类） 单选按钮是一种输入信息的组件，拥有“状态”的特性，通过鼠标单击单选按钮的操作可以将其状态从“true” 更改为“false”，或从“false”...，带有一系列选项，每次可以从中选择一项作为输入，即支持单选。
JLabel(Icon image, int horizontalAlignment) 使用指定的图像和水平对齐方式创建JLabel实例。...JLabel(String text, Icon icon, int horizontalAlignment) 使用指定的文本、图像和水平对齐方式创建JLabel实例。...JLabel(String text, int horizontalAlignment) 使用指定的文本和水平对齐方式创建JLabel实例。...JTextArea(String text, int rows, int columns) 用指定的文本和行与列的数目构造一个新TextArea。 1.构造一个新的文本区域。...JTextArea jr =new JTextArea (); 与文本框不同的是这个可以输入内容： ?
bordercolor：表格的边框颜色。 align：表格的水平对齐方式。属性值可以填：left right center。...注意：这里不是设置表格里内容的对齐方式，如果想设置内容的对齐方式，要对单元格标签进行设置） cellpadding：单元格内容到边的距离，像素为单位。...bottom ：单元格 属性： align：内容的横向对齐方式。...如果想让每个单元格的内容都居中，这个属性太麻烦了，以后用css来解决。 valign：内容的纵向对齐方式。...备注：HTML5中，input的类型又增加了很多（比如date、color，我们会在 html5 中讲到）。
属性名称与标记名称之间用空格隔开，如或 (3). 属性值与属性间 用 "=" 来连接，属性值要用 " "引起来，如 (4)....(3). align 控制表格在其父元素中水平排列方式 (4). border 边框宽度，默认为 0 (5). cellpadding 设置单元格内边距，单元格边框与内容之间的距离 (6). cellspacing...表单元素，用于定义表单的提交信息如：提交地址，提交方式… … ②. 表单控件，能够与用户交互的界面元素 如：文本框，密码框… (2). 表单提交后的处理(服务器端) (3).... 或 表单控件，与用户进行交互的元素 (1). type 根据不同的type值，创建不同的输入控件， type省略不写或写错了，那么默认都是文本框(text) ①. type...占位符，一般给予用户提示 ②. type="radio" 单选按钮type="checkbox" 复选框 A. name 定义控件的名称，一组单选或复选框名称必须相同 B. value 控件的值 C.
HTML5文档基础结构中第一行就是HTML5的DOCTYPE声明 Html文件开始标签和结束的标签——文档的根标签 指定html文档的一些属性...页面描述声明 可用于定义文档中指定区域的字体风格、背景颜色、对 齐方式等各类样式信息 Eg： 链接标签 标签用于连接外部资源和当前HTML5文档，它只出现在首部标签 中，通常用于连接外部样式表...一些标签，没有结束标签 ，在标签内结束 比如 换行 （一般来说加上/更加标准） XML规范中，所有的标签都必须有结束标签 在HTML5文档中存在一些特殊字符无法直接使用。...存在此类情况的一系列特殊字符在HTML5中称为字符实体（Character Entities） ?..."/> 单选输入项： 复选输入项： <!
今天小课堂的主要内容是，input表单的应用，还有在html5中新增的属性。 表单元素是允许用户在表单中(比如:文本域,下拉列表,单选框,复选框等等)输入信息的元素，最主要的作用就是收集信息。...即输入区加有文字的边框。 3. legend：定义域的标题，即边框上的文字。 4. label：定义一个控制的标签。如输入框前的文字，用以关联用户的选择。 5. input: 定义输入域，常用。...2. password：密码输入框。 3. radio：单选按钮，同一组的单选按钮必须要有相同的name。 4. checkbox：复选框，同一组的单选按钮必须要有相同的name。...在最新的html5中，有一些表单的新增属性，多用于js，如 datalist : 定义填写一个input时，提示几个option用于提示。可通过input的list特性与此元素作关联。...2. tel：编辑电话号码的控件，提交时换行符会自动从输入框中去掉。 3. url：编辑url的控件，提交时换行符与首位的空格都将自动去除。 4. email：可输入一个邮件地址。
控制如何调整替换元素（如 ）的内容大小。...占位符文本样式 设置输入字段内占位符文本的样式。...自定义单选按钮和复选框 设置不带图像的单选按钮和复选框的样式。...调整文本区域的属性大小 使用 resize 属性控制文本区域的大小调整行为。 textarea { resize: vertical; } 48....文本最后对齐 text-align-last 确定块元素中最后一行文本的对齐方式，从而提供对多行块中文本对齐的精确控制。 p { text-align-last: justify; } 78.
Object-fit 图像控件的适配性 object-fit 控制替换元素(如 )的内容应该如何调整大小。...简化布局的网格 Css网格提供了一种功能强大的方式来以更直接的方式创建布局。...自定义单选框和复选框样式 无需图像，样式化单选框和复选框。...webkit-box-orient: vertical; overflow: hidden; } 81. scroll-snap-align scroll-snap-align属性控制滚动容器内滚动捕捉点的对齐方式...pre { tab-size: 4; } 87. text-align-last text-align-last决定块级元素中最后一行文本的对齐方式，为多行块文本提供对齐控制。
，标记标签是用尖括号包围的关键词，以开始标签和结束标签成对存在，如和 HTML属性，给元素提供了更多信息，在开始标签中以名称/值的形式出现，如下例的href属性 , , , ，内联元素如, , , HTML元素 是块级元素，作为组合其他元素的容器... 表单指包含文本域、下拉列表、单选框、复选框等输入信息的表单元素的区域 HTML输入 type属性指定输入类型，text表示文本输入框，radio表示单选框，checkbox表示复选框，button表示普通按钮，submit...如小于号写成< 或 <，在HTML源码中打10个空格，浏览器只显示1个空格，因此用 来输出更多空格 HTML多媒体 用embed标签嵌入MP3文件 <video
DOCTYPE html>：html5中定义该文档是html文档 3.2 文本标签：和文本有关的标签 注释：<!...块级标签 span：文本信息仅在一行展示，行内标签 内联标签 3.7 语义化标签： html5中为了提高程序的可读性，提供了一些标签，以下只是部分列举 ：定义了文档的头部区域 <footer...如果指定为0，则单元格的线会合为一条、 bgcolor：背景色 align：对齐方式 tr：定义行 属性： bgcolor：背景色 align：对齐方式 td：定义单元格 属性： colspan...在上传组件中必须采用该方式。...placeholder：指定输入框的提示信息，当输入框的内容发生变化，会自动清空提示信息 password：密码输入框 radio:单选框 注意 要想让多个单选框实现单选的效果
3、快速建表格的方式 webstorm 下的快捷方式： table>tr3>td5 + tab键 PS：sublime 下需要安装 Emmet 插件。...：文本框未激活 value：输入框中的默认内容 placeholder：引导文字，当文本框无文字并且未获取鼠标焦点时显示引导文字，当获取焦点或者输入文字时隐藏引导文字。...3、密码输入框 1 PS：文本输入框的所有属性对密码输入框都有效 4、单选框 1<input type="radio" name...PS：当有多个单选框是如何设置只能有一个被选中？ 只有将 name 的值设置相同的时候，才能实现单选效果。...3、不要使用纯样式标签，如：b、font、u 等，改用 css 设置。 4、需要强调的文本，可以包含在 strong 或者 em 标签中。
知识点一： HTML5的标准结构： <!...cellspacing：单元格与单元格的距离 cellpadding：内容距边框的距离 align：left、right、center表格的排列方式，居左，居右，居中。 ... name=”username” 输入框的名称 value=”内容” 将输入框的内容传给处理文件 密码输入框:属性同文本输入框一致。... 单选框：只有当name相同时，才能实现单选效果。 checked属性为默认选中。...4：需要强调的文本，可以包含在strong或者em标签中strong默认样式是加粗（不要用b），em是斜体（不用i）；
DOCTYPE html> html5文档类型 </head...3、td和th标签：定义一行中的一个单元格，td代表普通单元格，th表示表头单元格 table常用属性： 1、border 定义表格的边框 2、cellpadding 定义单元格内内容与边框的距离 3...、cellspacing 定义单元格与单元格之间的距离 4、align 设置单元格中内容的水平对齐方式,设置值有：left | center | right 5、valign 设置单元格中内容的垂直对齐方式...： 1、定义表格宽高，将border、cellpadding、cellspacing全部设置为0 2、单元格里面嵌套表格 3、单元格中的元素和嵌套的表格用align和valign设置对齐方式 4、通过属性或者...，制作一像素宽的边线的表格 html表单 表单用于搜集不同类型的用户输入，表单由不同类型的标签组成，实现一个特定功能的表单区域（比如：注册），首先应该用标签来定义表单区域整体，在此标签中再使用不同的表单控件来实现不同类型的信息输入
网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。...如 Hello 参数只可加于起始标记中。...rowspan number 规定单元格可横跨的行数。 align 规定单元格内容的水平对齐方式。...rowspan number 规定单元格可横跨的行数。 align 规定单元格内容的水平对齐方式。...maxlength number 规定输入字段中的字符的最大长度。 size number_of_char 定义输入字段的宽度。
（html5）。 表格：只有行的概念。...table定义表格（border线宽，width宽度，cellpadding边沿内容间空白，cellspacing单元格间空白，bgcolor背景色，alien对齐），tr定义行（颜色，对其方式），td...]）， input标签（type类型（text文本输入[placeholder提示信息]，password密码输入，radio单选框[name属性一致一组，不同value，checked默认选中]，checkbox...属性对应，让input输入框获取焦点（套入输入框的提示文本）），指定输入项的描述信息。...=属性]{}，选中有该属性的标签），伪类选择器，选择一些元素具有的状态，格式如：XXX（如a等标签）:输入关键字（如link初始化状态，visited访问过，hover悬浮，active正在访问等属性）
DOCTYPE html> 声明为 HTML5 文档 元素是 HTML 页面的根元素 元素包含了文档的元（meta）数据，如 定义网页编码格式为...可以嵌套其他行内元素和块元素的普通文本 可以设置width,height 宽高 在标签上都可以添加一个align属性，对齐方式： left right center （二）img 图像标签...12.ol 有序列表：可以给type属性：a A 1 i I等，分别设置不同的行头序列号 13.li 列表项标记，是ul与ol的直接子元素，li标签中可以定义任意元素，也可以使有序和无序的列表互相嵌套...请求方式 get/post之间的区别： get : 显示在地址栏中 ?...后以键值对形式拼接 大小受限制 不安全 效率较高 浏览器默认（百度） post : 相对安全 大小没限制 请求体重 4.enctype 如果表单中存在文件上传，需要更改
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
