首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

WEB入门二 表格和表单

如果要求用户在指定的范围内做出选择,一般使用单选按钮、复选框和下拉列表框,如图2.1.10中“性别”、“爱好”、“出生日期”中的月份选择等常采用这些元素。...单选按钮 将元素的type属性设为radio就可以创建一个单选按钮。单选按钮控件用于一组相互排斥的值,组中的每个单选按钮必须具有相同的名称,用户一次只能选择一个选项。...下拉列表框 下拉列表框用于帮助用户快速、准确地选择一些选项,通过和标签元素来实现。...标签创建可供选择的下拉列表,标签创建列表中的选项,使用 selected属性可以设置下拉列表的默认选项。...图2.1.17 下拉列表框 7. 按钮 在表单中按钮可以分为4类,分别为普通按钮、提交按钮、重置按钮和图形按钮。

9510

AWT常用组件

标签(Label类) 标签是 GUI 程序中的常用组件,显示一行文本作为提示信息,起到说明的作用。...作为同一组的多个单选按钮组件是互斥的,即每一时刻只能有一个组件的状态为“true”,从而实现单项选择。 在AWT中,单选按钮对象的创建也是通过 Checkbox类实例化的。...(Choice) 下拉列表是一种输入信息的组件,带有一系列选项,每次可以从中选择一项作为输入,即支持单选。...AWT中的类 Choice 实例化得到下拉列表组件,它的构造方法 Choice()创建一个没有任何选项的空白下拉菜单。...列表将所有选项罗列和显示在列表框中,比下拉列表更加直观。 AWT的List 类实例化列表组件,提供多个文本选项,支持滚动条。

9910
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    HTML入门

    ">center:居中对齐方式 right:右对齐方式 水平线和换行 或 是水平线标签 html文档中无法使用回车进行换行...标签通常用来将文本的一部分独立出来,从而对独立出来的内容设置单独的样式 div 标签一行只能放一个 span 一行可以放多个 字符与图片标签 字符格式化标签 图片标签 img 标签:用来在页面中引入图片...align: 设置表格在页面中的位置; 设置tr/td中文字对齐方式 bgcolor: 设置表格、tr、td的背景色 列表与表单标签 列表 列表分为有序列表、无序列表和自定义列表三种 有序列表 有序列表由...value优先级高于placeholder placeholder:字体颜色浅;当光标定位到框中,光标在框的最前面,可以直接输入值 单选框和复选框 name属性用来将单选框/复选框限制成为一组复选框的name..."提交按钮" /> 隐藏域 不显示在页面上,但是表单提交时又会被提交到action指定位置的域 下拉菜单 下拉菜单由select 和 option 两个标签组合而成

    2.9K40

    Swing常用组件

    ) 实例化标签对象,指定文本、水平对齐方式 对于文本,JLabel 提供了不同于 Label的成员方法设置对齐方式,可以分垂直和水平两个方向;操作文本内容的成员方法与Label类似。...如果要将多个单选按钮组合成具有互斥关系的单选按钮组,则需要调用 ButtonGroup 对象的成员方法 add(), 添加这些单选按钮对象到同一个 ButtonGroup 对象中。...七、下拉列表(JComboBox) Swing 中通过类JComboBox 实例化下拉列表对象。...与 AWT 中类 Choice 创建的下拉列表中的选项不同,JComboBox 所创建的下拉列表的选项可以是任何类型,不再局限于文本字符串。...getActionCommand():返回与最后一个选定的下拉列表项关联的操作命令。 这些方法可以帮助你对JComboBox进行操作和获取信息。

    11710

    JavaWeb01轻松掌握HTML(Java真正的全栈开发)

    align:设定表格中行的内容对齐方式 bgcolor:设定表格中行的背景颜色 标签:定义表格单元 元素中的文本一般显示为正常字体且左对齐 属性: align:设定单元格内容对齐方式 bgcolor...标签 标签:定义一个下拉列表(下拉框) 属性: name:定义下拉列表的名称 size:定义下拉列表中可见的选项的数目 multiple:定义可选择多个选项 标签:定义下拉列表中的项(下拉项) 标签需要位于标签内部 属性: value:定义送往服务器的选项值 selected:定义选项为选中状态.selected="selected...其它常用属性: name:定义标签名称 src:定义作为提交按钮显示的图像的url alt:定义作用图像的替代文本. 3.select标签 select 用于定义一个下拉列表 常用属性: name:定义下拉列表的名称...size:定义下拉列表中可见选项的数目 multiple:定义可选择多个选项 option 用于定义下拉列表中的选项.

    5.2K50

    HTML‘冷’知识总结

    ,表示一行中的一小段内容,便于样式的使用 5. em 标签 行内元素,表示语气中的强调词     i 标签 行内元素,表示专业词汇     b 标签 行内元素,表示文档中的关键字或者产品名     strong...标签 行内元素,表示非常重要的内容     (不重要,但面试可能会问到) 6.ol 是有序列表,ul 是无序列表,常常与 li 一起用;定义列表通常用于术语的定义,很像 ul 与 li 这个标签组合,...定义多行文本输入框 7.select标签 定义下拉表单元素 8.option标签 与标签配合,定义下拉表单元素中的选项 11.html 表格 1、table标签:声明一个表格,它的常用属性如下...,设置值是数值 align属性 设置整体表格相对于浏览器窗口的水平对齐方式,设置值有:left | center | right 2、tr 标签:定义表格中的一行 3、td和th标签:定义一行中的一个单元格...,td代表普通单元格,th表示表头单元格,它们的常用属性如下: align 设置单元格中内容的水平对齐方式,设置值有:left | center | right valign 设置单元格中内容的垂直对齐方式

    88320

    【HTML】HTML 注册表单案例 ② ( 表格中的内容设置 | 下拉列表 | 输入文本框 | 复选框 | 文本域 | 图片按钮 | 链接 )

    文章目录 一、表格中的内容设置 1、设置下拉列表 2、设置输入文本框 3、设置复选框 4、设置文本域 5、设置图片按钮 6、设置链接 二、完整代码示例 一、表格中的内容设置 ---- 1、设置下拉列表...下拉列表 写在 td 单元格 标签 中 , 外层使用 标签 , 内层使用 标签 ; 代码示例 : 下拉列表 --> 的 td 单元格中 , 设置 input 表单 , type 类型设置为 image 类型 , src 设置图片的 相对路径 ; 要将 图片按钮与 第二列 进行对齐 , 在该行表格中 , 第一个单元格...td 单元格中 , 通过 a 标签 设置 链接 , 链接目的地在 href 属性值中设置 ; 要将 链接与 第二列 进行对齐 , 在该行表格中 , 第一个单元格 需要空出来 , 只在第二个单元格中设置链接

    6.2K20

    【海贼王航海日志:前端技术探索】HTML你学会了吗?(二)

    align是表格相对于周围元素的对齐方式。align="center" (不是内部元素的对齐方式)。 border表示边框。1表示有边框(数字越大,边框越粗),"" 表示没边框。...标签/标签中只能放标签不能放其他标签,标签中只能放标签和标签。 标签中可以放其他标签。 列表带有自己的样式,可以使用CSS来修改。...1.3.2 -> input标签 各种输入控件,单行文本框,按钮,单选框,复选框。...尤其是对于单选按钮,具有相同的name才能多选一。 value:标签中的默认值。 checked:默认被选中。(用于单选按钮和多选按钮)。 maxlength:设定最大长度。 1....3 -> HTML特殊字符 有些特殊的字符在html文件中是不能直接表示的,例如: 空格: ; 小于号:<; 大于号:>; 按位与:&; 标签就是用表示的。

    12210

    HTML(2)

    一丶标签的使用 1.a标签的补充     (1)超链接       href:超链接的地址       target; _self 默认在当前页面中打开链接地址         _blank 在空白页中打开链接地址...打电话 2.无序列表,无序列表中的每一项是     ul:unordered list,"无序列表"的意思     li...6.表单标签     表单标签用表示,用于与服务器的交互。表单就是收集用户信息的,就是让用户填写的、选择的。     ...属性值可以是:value="内容":文本框里的默认内容(已经被填好了的) text(默认) password:密码类型 radio:单选按钮,名字相同的按钮作为一组进行单选(单选按钮,天生是不能互斥的...非常像以前的收音机,按下去一个按钮,其他的就抬起来了。所以叫做radio。 checkbox:多选按钮,名字相同的按钮作为一组进行选择。 checked:将单选按钮或多选按钮默认处于选中状态。

    3.6K40

    HTML 标签介绍

    性别(单选),兴趣爱好(多选),国籍(下拉列表)。 隐藏域,自我评价(多行文本域)。重置,提交。--> 的 时候同时发送给服务器) select 标签是下拉列表框 option 标签是下拉列表框中的选项 selected="selected"设置默认选中 textarea 表示多行文本输入框...(起始标签和结束标签中的内容是默认值) rows 属性设置可以显示几行的高度 cols 属性设置每行可以显示几个字符宽度 --> 用户名称:<input type="text"...name 属性值 2、单选、复选(下拉列表中的 option 标签)都需要添加 value 属性,以便发送给服务器 3、表单项不在提交的 form 标签中 GET 请求的特点是: 1、浏览器地址栏中的地址是...--需求 1:div、span、p 标签的演示 div 标签 默认独占一行 span 标签 它的长度是封装数据的长度 p 段落标签 默认会在段落的上方或下方各空出一行来(如果已有就不再空) --

    1.7K30

    HTML基础下

    属性rowsapn:合并同一列上的单元格。  属性colspan:合并同一行上的单元格。 ...  Selected=”selected” 设置默认选中项目   对下拉列表进行分组。 ...标签语义化概念:根据内容的结构化(内容语义化),选择合适的标签(代码语义化) -标签语义化意义:  1:网页结构合理  2:有利于seo:和搜索引擎建立良好沟通,有了良好的结构和语 义你的网页内容自然容易被搜索引擎抓取...;  3:方便其他设备解析(如屏幕阅读器、盲人阅读器、移动设备)  4:便于团队开发和维护 1:尽可能少的使用无语义的标签div和span; 2:在语义不明显时,既可以使用div或者p时,尽量用p, 因为...4:需要强调的文本,可以包含在strong或者em标签中strong默认样式是加粗(不要用b),em是斜体(不用i);

    2.7K60

    HTML第二天

    HTML第二天 ---- 1️⃣列表标签 无序列表–ul (常用) ul:表示无序列表的整体,用于包囊 li 标签 ul 标签中只允许包含 li 标签,默认显示圆点 有序列表–ol (偶尔用) ol:表示有序列表的整体...,列表的每一项前默认显示序号标识 ol:标签中只允许包含 li 标签 自定义列表–dl-dt-dd (底部导航用) dl 标签:表示自定义列表的整体 dl 标签中只允许包含dt/dd标签 dt 标签:表示自定义列表的主题...dt/dd标签可以包含任意内容 dd 标签:表示对于主题的每一项内容,dd 前会默认显示缩进效果 li 标签 li 标签:表示列表标签的每一项,用于包含每一行的内容 li 标签可以包含任意内容 按钮 button 标签是双标签,更便于包裹其他内容:文字、图片等 select 下拉菜单标签 select 标签:下拉菜单的整体 option 标签:下拉菜单的每一项 select 标签语法...div 和 span 这两个没语义的布局标签 div 标签–独占一行 span 标签–一行显示多个 有语义的布局标签(了解) 在 HTML5 新版本中,推出了一些有语义的布局标签供开发者使用 header

    3K20

    html基础

    HTML 标签是由尖括号包围的关键词,比如 HTML 标签通常是成对出现的,比如 和 标签对中的第一个标签是开始标签,第二个标签是结束标签 开始和结束标签也被称为开放标签和闭合标签 标签>内容标签> ---- (一)标签的分类有两种: 1.行内元素:可以和其他元素标签一行显示 只能嵌套其他行内元素和普通的文字 不能设置width,height 宽高 2.块元素:前后换行,不与其他元素一行显示...可以嵌套其他行内元素和块元素的普通文本 可以设置width,height 宽高 在标签上都可以添加一个align属性,对齐方式: left right center (二)img 图像标签...列表项标记,是ul与ol的直接子元素,li标签中可以定义任意元素,也可以使有序和无序的列表互相嵌套 .........选区 select 下拉框 option 下拉列表选项 textarea 多行文本域 label 定义 常用的几个属性: name:一般表单元素 id:唯一的 常结合js使用 class

    2.1K30

    Web阶段:第一章:HTML语言

    绝对路径是: 盘符:\目录\文件名 相对路径: 从工程名开始算 web中的路径:分为相对路径和绝对路径 相对路径...width是设置表格的宽度 height是设置表格的高度 tr 是表格的行 td 是表格的单元格 align 是对齐 属性 th 是表格的表头(第一行标题。...select 是下拉列表框 option 是下拉列表中的选项 selected="selected"表示默认选中 textarea 表示多行文本输入框 起始标签和结束标签中的内容就是默认值 rows...如果表单项的数据没有发送给服务器 1、表单项必须要有name属性,没有name属性在提交表单的时候。数据不会发给服务器。 2、单选、复选框、(下拉列表项可选)。都要添加value属性。...默认宽度就是封装的数据的长度 p :是段落标签 默认会在段落的上方或下方各空出一行来 需求1:div、span、p标签的演示 这是div块标签1 这是div

    91410

    『知识巩固#1』Html、Css基础整理

    有序列表 可以认为是 order list: 有顺序的列表 ol 列表中只允许包含li标签 li 标签可以包含任意内容 dl自定义列表 diy list dt 自定义列表的主题 dd自定义列表的内容...多选框 file 用于之后上传文件 submit 提交按钮 用于提交 reset 重制按钮 重制和提交生效 必须要有父级标签表单域 button 普通按钮 可以配合js添加功能 input 其他属性...与 js 搭配使用有奇效 select 下拉菜单 组成: select 标签,下拉菜单的整体,需要包裹住option option 下拉的选项 默认选中:value的值设置为 selected...数字+em; 1em为当前font-size的大小 文本水平对齐 text-align 左对齐、右对齐、居中对齐 能让哪些元素水平居中 文本 span 标签 input标签、imp标签 文本修饰...外边距 与内边距设置写法一样,只是不计入盒子的大小中 清除默认边距 浏览器会默认给部分标签设置默认的margin和padding,但一般在项目开始前需要先清除这些标签默认的margin和padding

    4K20

    前端学习(2)~html标签讲解(二)

    属性值可以是: text(默认) password:密码类型 radio:单选按钮,名字相同的按钮作为一组进行单选(单选按钮,天生是不能互斥的,如果想互斥,必须要有相同的name属性。...checked:将单选按钮或多选按钮默认处于选中状态。当标签的type="radio"时,可以用这个属性。属性值也是checked,可以省略。..." value="文件选择框"> :下拉列表标签 标签里面的每一项用表示。...select标签和ul、ol、dl一样,都是组标签。 标签的属性: multiple:可以对下拉列表中的选项进行多选。没有属性值。...size="3":如果属性值大于1,则列表为滚动视图。默认属性值为1,即下拉视图。 标签的属性: selected:预选中。没有属性值。

    2.4K10

    07.HTML实例

    HTML 格式化的某些问题。 HTML 文本格式化 文本格式化 此例演示如何使用 pre 标签对空行和空格进行控制。 此例演示不同的"计算机输出"标签的显示效果。...文本下划线与删除线 HTML 样式 HTML Style 元素 背景色样式 字体样式,颜色,大小 文本对齐样式 设置文本字体 设置文本字体大小 设置文本字体颜色 设置文本字体,字体大小,字体颜色...) 单元格间距(Cell spacing) HTML 列表 无序列表 有序列表 不同类型的有序列表 不同类型的无序列表 嵌套列表 嵌套列表 2 定义列表 HTML Forms 和 Input...创建文本域(Text fields) 创建密码域 复选框 单选按钮 简单的下拉列表 预选下拉列表 本例演示如何创建一个文本域(多行文本输入控件)。...带有文本域与输入域的表单 点击提交 带有复选框与提交按钮的form表单 点击提交 带有单选框与提交按钮的表单 点击提交 发送邮件表单 HTML iframe 内联框架 (HTML页面中插入框架)

    8.2K40
    领券