学习HTML第三十三天

server/2024/11/28 22:05:11/

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/server/145733.html

相关文章

记录下在html文件中如何直接使用npm依赖,以threejs为例

参考&#xff1a; https://www.cnblogs.com/shayloyuki/p/17191489.html 共三种方式 我的代码截图 方式一&#xff1a; threejsDemo_script.html <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta name&…

双十一线上服务调用链路追踪SkyWalking实战分析

序言 随着电商行业的飞速发展&#xff0c;双十一购物节已成为全球最大的购物狂欢节之一。在双十一期间&#xff0c;电商平台需要处理海量的用户请求和订单&#xff0c;这对系统的稳定性和性能提出了极高的要求。为了确保系统在高并发环境下的稳定运行&#xff0c;对线上服务的…

Electron文件写入、读取(作用:公共全局变量,本地存储)

Electron文件写入、读取&#xff08;作用&#xff1a;公共全局变量&#xff0c;本地存储&#xff09; 使用Node.js的fs模块 也可以直接使用Node.js的fs模块来实现本地文件的读写操作 // electron/main.jsconst fs require(fs);// 写入文件localhost.txt fs.writeFileSync(lo…

python实现TCP服务端,支持对所有客户端的数据收发,支持终端自定义命令操作,提供clear命令一键断开所有的客户端连接

前言 python实现TCP服务端&#xff0c;支持对所有客户端的数据收发&#xff0c;支持终端自定义命令操作&#xff0c;提供clear命令一键断开所有的客户端连接 简单易懂&#xff0c;直接上码 源码 import socket import threadingclass TCPServer:# 修改此处ip 端口def __ini…

Linux 命令总结

01. ls 指令 功能&#xff1a;对于目录&#xff0c;该命令列出该目录下的所有子目录与文件。对于文件&#xff0c;将列出文件名以及其他信息。 常用选项&#xff1a; -a 列出目录下的所有文件&#xff0c;包括以 . 开头的隐含文件。 -i 输出文件的 i 节点的索引信息。 如 ls –…

不需要双手离开键盘 vscode

目标是“不需要双手离开键盘”&#xff01; ctrl shift O 打开函数导航窗格 ctrl enter 行中换行 alt ↑/↓上下移行 shift alt ↑/↓上下复制 ctrl ←/→ 按代码块移动 ctrl delete / backspace按代码块删除 ctrl l 选择单行 shift delete 删除整行 ctrl C/V 复制/…

On-Chip-Network之routing

在确定网络拓扑之后&#xff0c;路由算法用来决定消息将通过网络的哪条路径到达目的地。 路由算法的目标是将流量均匀地分布在由网络拓扑提供的路径上&#xff0c;以avoid hotspots and minimize contention&#xff0c;从而减少网络延迟和提高吞吐量。所有这些性能目标必须在严…

使用OpenSSL创建CA,并基于CA创建证书

生成CA证书 生成CA证书的私钥 openssl genrsa -out ca.key 4096生成CA证书 openssl req -x509 -new -nodes -sha512 -days 3650 \-subj "/CCN/STBeijing/LBeijing/Oexample/OUPersonal/CNMyPersonal Root CA" \-key ca.key \-out ca.crt生成Server证书 证书通常包…