学习HTML第三十三天

ops/2024/11/29 2:47:57/

html" title=学习>学习文章目录

    • 一.`fieldset `与 `legend` 的使用(了解)
    • 二.表单总结
    • 三.框架标签

一.fieldset legend 的使用(了解)

fieldset 可以为表单控件分组、 legend 标签是分组的标题

二.表单总结

form表单:
action 属性: 表单要提交的地址
target 属性: 要跳转的新地址打开位置; 值: _self 、 _blank
method 属性: 请求方式,值: get 、 post

input多种形式的表单控件:
type 属性: 指定表单控件的类型
值: text 、 password 、 radio 、 checkbox 、 hidden 、 submit 、 resbutton 等
name 属性: 指定数据名称
value 属性:
对于输入框:指定默认输入的值;
对于单选和复选框:实际提交的数据;
对于按钮:显示按钮文字
disabled 属性: 设置表单控件不可用。
maxlength 属性: 用于输入框,设置最大可输入长度
checked 属性: 用于单选按钮和复选框,默认选中

textarea文本域:
name 属性: 指定数据名称
rows 属性: 指定默认显示的行数,影响文本域的高度
cols 属性: 指定默认显示的列数,影响文本域的宽度
disabled 属性: 设置表单控件不可用

select下拉框:
name 属性: 指定数据名称
disabled 属性: 设置整个下拉框不可用

option下拉框的选项:
disabled 属性: 设置拉下选项不可用
value 属性: 该选项事件提交的数据(不指定value,会把标签中的内容作为提交数据)
selected 属性: 默认选中

button按钮:
disabled 属性: 设置按钮不可用。
type 属性: 设置按钮的类型,值: submit (默认)、 reset 、 button

label与表单控件做关联
for 属性: 值与要关联的表单控件的ID值相同。

fieldset表单边框

三.框架标签

iframe 标签的实际应用:

  1. 在网页中嵌入广告。
  2. 与超链接或表单的 target 配合,展示不同的内容
html"><!DOCTYPE html>
<html lang="zh-CN">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>框架标签</title>
</head>
<body><iframe src="https://www.taobao.com" width="1300" height="500" frameborder="0"></iframe><iframe src="./小熊猫.png" width="300" height="300"></iframe><br><a href="https://www.bilibili.com" target="tt">点我看B站</a><br><iframe name="tt" frameborder="0" width="1300" height="500"></iframe><br><iframe src="htmls://so.toutiao.com/search" target="tt"></iframe><input type="text" name="keyword"><button>提交</button></body>
</html>

在这里插入图片描述


http://www.ppmy.cn/ops/137539.html

相关文章

Python 网络爬虫进阶:动态网页爬取与反爬机制应对

在上一篇文章中&#xff0c;我们学习了如何使用 Python 构建一个基本的网络爬虫。然而&#xff0c;在实际应用中&#xff0c;许多网站使用动态内容加载或实现反爬机制来阻止未经授权的抓取。因此&#xff0c;本篇文章将深入探讨以下进阶主题&#xff1a; 如何处理动态加载的网…

【入门篇】小游戏——多语言求解版

题目链接 样例说明 样例中&#xff1a; 小明的第一次操作是查询&#xff0c;我们可以得到字符串 “010011” 中第一次出现 ‘1’ 的位置为 2 。 小明的第二次操作将下标为 2的字符反转&#xff0c;此时字符串变为 “000011” 。 小明的第三次操作是查询&#xff0c;我们可…

SSM--SpringMVC复习(一)

SpringMVC Spring MVC 是一个实现了MVC设计模式的请求驱动类型的轻量级Web框架&#xff0c; 本质上相当于 Servlet&#xff0c;以 DispatcherServlet 为核心&#xff0c;负责协调和组织不同组件以完成请求处理并返回响应。通过控制器&#xff08;C&#xff09;对模型数据&…

深入解析 Dockerfile:从入门到实践

一、Dockerfile 是什么&#xff1f; Dockerfile 是一个纯文本文件&#xff0c;其中包含了一系列指令&#xff0c;用于定义如何构建 Docker 镜像。通过 Dockerfile&#xff0c;开发者可以实现应用程序环境的一致性和自动化部署。 1.1 Dockerfile 的作用 描述镜像构建过程。自…

深度学习笔记之BERT(三)RoBERTa

深度学习笔记之RoBERTa 引言回顾&#xff1a;BERT的预训练策略RoBERTa训练过程分析静态掩码与动态掩码的比较模型输入模式与下一句预测使用大批量进行训练使用Byte-pair Encoding作为子词词元化算法更大的数据集和更多的训练步骤 RoBERTa配置 引言 本节将介绍一种基于 BERT \t…

后端接受大写参数(亲测能用)

重要点引入包别引用错了 import com.fasterxml.jackson.databind.annotation.JsonSerialize; import com.fasterxml.jackson.annotation.JsonProperty; import lombok.Data;JsonSerialize Data public class Item {JsonProperty(value "Token")private String token…

第144场双周赛题解:两个字符串得切换距离

两个字符串得切换距离 1、题目描述 给你两个长度相同的字符串 s 和 t &#xff0c;以及两个整数数组 nextCost 和 previousCost 。 一次操作中&#xff0c;你可以选择 s 中的一个下标 i &#xff0c;执行以下操作 之一 &#xff1a; 将 s[i] 切换为字母表中的下一个字母&am…

Python Flask快速开发网站

在Web开发领域,Python拥有多种优秀的Web框架,例如Django、Flask、Pyramid等。其中Flask是一个微型框架,核心代码非常精简,只包含了Web应用最基本的功能。这使得Flask非常轻量级,容易上手,适合快速开发小型Web应用。本文将介绍如何使用Flask快速搭建一个简单的网站。 © ivw…