首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    【HTML】HTML 注册表单案例 ① ( 表格设置 | 设置表格位置和大小 | 设置表格标题 | 表单设置 | 表格中设置单选按钮 )

    文章目录 一、表格设置 1、设置表格位置和大小 2、设置表格标题 3、完整代码示例 二、表单设置 1、表格中设置单选按钮 3、完整代码示例 一、表格设置 ---- 1、设置表格位置和大小 在 html...-- 设置表格标题 --> 用户注册信息 效果如下 : 可以将标题设置为 h1 ~ h4 的标题样式 , 字体大一些 , 并有加粗效果...-- 设置表格标题 --> 用户注册信息 html> 二、表单设置 ---- 1、表格中设置单选按钮...在 表格中 , 每行可以设置不同的数据 , 一行的内容放在 tr 标签中 ; 行内 每个单元格 放在 td 标签中 ; 单选按钮 通过 name 属性进行组合 , 多个 单选按钮 可以分布在 网页的不同位置...-- 单选按钮 选择性别 --> <img src="images/man.jpg

    7K20

    E001Web学习笔记-HTML

    -- 文本居中+字体加粗 --> 加粗 斜体 html> 运行结果: 属性取值说明: color的三种取值方式: ①...英文单词:red、green、blue等; ②rgb(值1,值2,值3):值的范围是0~255,如rgb(0,0,255); ③#值1值2值3:值的范围00~FF,如#FF0000; width的两种取值方式...> 运行结果: 2、表单项input 可通过不同的type取值改变元素展示的样式; text 文本输入框(默认); password 密码输入框; radio 单选框 注意: ①要想使多个单选框实现单选的效果...属性,指定被选中后提交的值; ②checked属性,用来指定默认值; file 文件选择框 hidden 隐藏域,用于提交一些信息; 按钮 submit提交按钮; button普通按钮; image图片按钮..." /> 按钮" /> html> 运行结果: 3

    26010

    Web前端基础(02)

    图片和页面在同一目录: 直接写图片名 图片在页面的上级目录时:…/图片名 图片在页面的下级目录时:文件夹名/图片名 。。。...… 绝对路径:访问站外资源时使用, 称为图片盗链,可以节省本站资源,但是有找不到图片的风险 alt: 图片不显示时显示的文本 title: 鼠标在图片上悬停时显示的文本 width/height: 两种赋值方式...选择器 格式: .class{样式代码} 作用: 选取页面中指定class值得多个元素 分组选择器 格式: div,#abc,.c1{样式代码} 作用: 将多个选择器合并成一个选择器 属性选择器 格式:...--外部样式:好处:可以多页面复用,可以将css样式代码和html代码分离--> 测试外部样式1 测试外部样式2 html> first.css...将多个选择器通过逗号合并成一个*/ h3,#p2,.c1{ background-color:yellow; } /* 属性选择器 */ input[type='button

    1.4K20

    HTML 笔记

    加粗     6. *... 强调加粗     7. *... 其中n为1--6的值。 标题标签(加粗、独立行)     8....*name 属性:定义名称,用于存储下拉值的          size:定义菜单中可见项目的数目,html5不支持          disabled 当该属性为 true 时,会禁用该菜单。 ...  注意要提供value值                 file: 文件上传选择框                 button: 普通按钮                  submit:...提交按钮                 image: 图片提交按钮                 reset: 重置按钮, 还原到开始(第一次打开时)的效果                 ...            注意:reset 重置按钮是将表单数据恢复到第一次打开时的状态,并不是清空                 image 图片按钮,默认具有提交表单功能。

    2.3K60

    HTML第二天

    HTML第二天 ---- 1️⃣列表标签 无序列表–ul (常用) ul:表示无序列表的整体,用于包囊 li 标签 ul 标签中只允许包含 li 标签,默认显示圆点 有序列表–ol (偶尔用) ol:表示有序列表的整体...border="1" width="10" height="10"> 表格标题和表头单元格标签 caption— 表格大标题–默认在表格整体顶部居中位置显示 th— 表头单元格–用于表格第一行,默认内部文字加粗并居中显示...>** multiple–多文件选择 按钮:**** 提交按钮,提交数据给后端服务器 重置按钮,恢复表单默认值 ...label–常用于绑定内容与表单标签的关系 label 语法:label for=”id名字”></label id 属性在 input 里面写 1️⃣使用方法: 1、使用 label 标签把内容(如:...password placeholder 单选框 radio name/checked 多选框 checkbox checked 文件选择/文件上传 file multiple 提交按钮 submit

    3.5K20

    html下拉框设置默认值_html下拉列表框默认值

    Submit…… 7.要在表单中添加一个默认时为选中状态的复选框,应使用语句 ⑨。...第 3 题 问答题 1.简要…… 限制输入的最大字符数,取值为整数 checked=“checked”使用在复选框和单选框中,表示该选项默认被选中 …,菜单里有多个选项,一般用于选择年……. . . ....HTML 基本语法与基本结构(重点) 标记的…… 2 【案例16】趣味选择题 案例引入 学习表单的核心是学习表单控件,HTML 语言提供了一系列的表单控件,用于定义不同 的表单功能,如文本输入框、下拉列表...表单域:包含了文本框、密码框、隐藏域、多 行文本框、复选框、单选框、下拉列表框和文 件上传框等。 ? 表单按钮:包括提交按钮、复位按钮和一般按 钮。 ?...如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

    36.5K21

    【web前端】web前端设计入门到实战第一弹——html基础精华

    /+图片名 下级路径: 写文件夹名字 + 图片名 上级路径: 先到上一文件夹 到上一级目录 …/ 当看到目标文件时再进入再找图片名 属性名:title 属性值:提示文本 当鼠标悬停是才显示的文本...属性名:alt 替换文本 ,当图片不显示时显示的文本 属性名:width height 宽度和高度 只设置一个,另一个会自动调整(不会使比例失调) html> html lang="en"> Document <img src="....用于多选一 name 分组,有相同name属性值的单选框为一组,一组中同时只能有一个被选中 checked 默认选中 checkbox 多选框 用于多选多 checked 默认选中 file 文件选择...用于之后上传文件 multiple 多文件上传 reset 重置按钮 用于重置,点击之后恢复表单默认值 submit 提交按钮 用于提交,点击之后提交数据给服务器 button 普通按钮,默认无功能

    47110

    html基础

    DOCTYPE html> 声明为 HTML5 文档 html> 元素是 HTML 页面的根元素 元素包含了文档的元(meta)数据,如 定义网页编码格式为...内容没有个数限制 块元素,只能嵌套其他行内和文本 span 便于为元素提供样式(用来选中文本) div 块元素 h1~h6 标题标签 根据权重的不同,字体大小依次减小、 加粗 ---- 表单:...单选效果:这些单选框设置为一组,name属性值相同为一组 checkbox 多选框 一个功能的多选择设置为一组 name属性值相同 file 文件上传 submit 提交按钮 value属性的值修改...submit按钮的显示 button 普通按钮 常结合js一起使用 reset 重置按钮,恢复默认值 fieldset 选区 select 下拉框 option 下拉列表选项...|多选--默认选择 disabled 禁用 不能修改不能提交 readonly 只读 只是不能修改,可以提交 举个栗子: 相亲信息表

    2.4K30

    如何在JavaScript中获取单选按钮组的值?

    在实际业务开发中,我们常常需要获取用户选择的单选按钮的值,比如用户在注册时选择性别、问卷调查时选择答案等。今天,我们就来聊聊如何在JavaScript中获取单选按钮组的值。...实际业务场景 假设我们正在开发一个用户注册页面,用户需要选择他们的性别。我们使用了一组单选按钮来表示性别选项。...HTML代码如下: 单选按钮组的值 在JavaScript中,我们可以使用document.querySelector方法来获取被选中的单选按钮,然后通过它的value属性来获取对应的值。....value:通过value属性获取该单选按钮的值。 所以,当我们运行这段代码时,selectedGender的值会是“female”,因为默认情况下“女”按钮是选中的。

    6.2K10

    HTML概念和相关标签指南

    如:文本,图片,音频、视频, HTML,CSS,JavaScript 如果用户请求的是静态资源,那么服务器会直接将静态资源发送给浏览器。浏览器中内置了静态资源的解析引擎,可以展示静态资源。...超文本:超文本是用超链接的方法,将各种不同空间的文字信息组织在一起的网状文本。 标记语言: 由标签构成的语言。 如 html,xml;标记语言不是编程语言。...要想让多个单选框实现单选的效果,则多个单选框的name属性值必须一样。 2....一般会给每一个单选框提供value属性,指定其被选中后提交的值 2. checked属性,可以指定默认值 file:文件选择框 hidden:隐藏域,用于提交一些信息。...按钮         submit:提交按钮。

    1.6K20
    领券