WEB前端使用标签制作网页

需要使用HTML的一些基本标签制作网页2ecbfab998c642f284db27fc5755c257.png

基本代码如下:

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><form action="#" method="post" enctype="text/plain"><table border="1" width=500 height=500 align="center" bgcolor=c0c0c0><thead><tr align="center"><td>用户注册</td></tr><tr align="center"><td><label for="edit">用户名:</label><input type="edit" name="用户名" value="" /><br /></td></tr><tr align="center"><td><label for="edit">密&nbsp;&nbsp;&nbsp;码:</label><input type="password" name="密码" /><br /></td></tr><tr align="center"><td><label for="sex">性&nbsp;&nbsp;&nbsp;别</label><input type="radio" name="性别" value="男" />男<input type="radio" name="性别" value="女" />女</td></tr><tr align="center"><td><label for="hob">爱&nbsp;&nbsp;&nbsp;好</label><input type="checkbox" name="爱好" value="写作" />写作<input type="checkbox" name="爱好" value="听音乐" />听音乐<input type="checkbox" name="爱好" value="体育" />体育</td></tr><tr align="center"><td><label for="map">省&nbsp;&nbsp;&nbsp份</label><select name="省份" multiple>省份	<option value="">广西</option><option value="">陕西</option><option value="">山西</option>	</select></td></tr><tr align="center"><td><label for="me">自我介绍</label><textarea name="" id="" cols="30" rows="10"></textarea></td></tr><tr align="center"><td><input type="submit" name="" id="" /><input type="reset" /><br /></td></tr></thead></table></form></body>
</html>

效果如下:

action属性指向处理数据的服务接口 
method属性决定使用哪个请求方式(get/post
  enctype决定上传的数据属性 有url编码,有字节流数据 有明文数据 

get :
          <!-- 1.在前端的表单中,get上传数据是受浏览器显示 -->
          <!-- 2.会将表单的所以数据频道url中,所以安全性比较差 -->
          <!-- 3.get会在浏览器的历史记录中保存 -->
          <!-- post -->
          <!-- 1.数据量无限制 -->
          <!-- 2.post使用requestbody,他是隐蔽的,所以安全性较强 -->
          <!-- 3.post不会讲关联表单信息保存在历史中 -->
          <!-- input标签必须给name设置一个值,否则该标签没有任何意义,无法上 -->
          
          <!-- 在单选标签中,那么属性决定单选的范围 -->

<!-- select是下拉菜单 -->
          <!-- multiple属性会使下拉菜单,变为多选菜单 -->

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/pingmian/57032.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【React】父组件如何调用子组件的方法

在React中&#xff0c;父组件可以通过ref来调用子组件的方法。以下是一个简单的示例&#xff0c;展示了如何在父组件中使用ref来调用子组件的方法。 子组件 首先&#xff0c;在子组件中定义一个方法&#xff0c;并使用forwardRef将其暴露给父组件。 注意下面的代码块中&#x…

AI大模型应用开发:手把手教你部署并使用清华智谱GLM大模型

部署一个自己的大模型&#xff0c;没事的时候玩两下&#xff0c;这可能是很多技术同学想做但又迟迟没下手的事情&#xff0c;没下手的原因很可能是成本太高&#xff0c;近万元的RTX3090显卡&#xff0c;想想都肉疼&#xff0c;又或者官方的部署说明过于简单&#xff0c;安装的时…

Excel 中根据患者的就诊时间标记病例为“初诊”或“复诊”

1. 假设&#xff1a; 患者表&#xff1a;包含患者的基本信息&#xff0c;如患者 ID 和患者姓名。 病例表&#xff1a;包含病例信息&#xff0c;如患者 ID、就诊时间和就诊状态。 2. 操作步骤&#xff1a; 合并数据&#xff1a; 确保病例表中有一列包含患者 ID&#xff0c;以…

classnames 使用

1. 什么是 classnames&#xff1f; classnames 是一个用于动态地构建 CSS 类名字符串的 JavaScript 库&#xff0c;常用于 React 项目中。它可以根据条件来组合多个类名&#xff0c;简化了在模板中根据逻辑添加或删除 CSS 类名的过程。 主要功能&#xff1a; 条件地添加类名&a…

Java 后端开发面试题及其答案

以下是一些常见的 Java 后端开发面试题及其答案&#xff0c;涵盖了 Java 基础、面向对象、并发、多线程、框架等多个方面&#xff1a; 1. Java 中的基本数据类型有哪些&#xff1f; 答案&#xff1a; Java 中的基本数据类型有 8 种&#xff1a; int&#xff1a;32 位整数lon…

Vue3 使用 ref、reactive响应式丢失

文章目录 一、ref reactive实例1.引用ref reactive属性2.ref reactive替换整条数据3.ref reactive解构赋值 一、ref reactive实例 1.引用ref reactive属性 单独引用ref reactive 修改其中某一个属性&#xff0c;状态变量不会丢失&#xff0c;正常使用 <script setup lang&q…

nginx中的HTTP 负载均衡

HTTP 负载均衡&#xff1a;如何实现多台服务器的高效分发 为了让流量均匀分配到两台或多台 HTTP 服务器上&#xff0c;我们可以通过 NGINX 的 upstream 代码块实现负载均衡。 方法 在 NGINX 的 HTTP 模块内使用 upstream 代码块对 HTTP 服务器实施负载均衡&#xff1a; upstr…

Maven与Gradle的区别

Maven与Gradle是两种流行的构建工具&#xff0c;广泛用于Java项目的管理和构建。以下是它们的对比&#xff0c;包括官网、Windows 11配置环境、在IDEA中的相同点和不同点&#xff0c;以及它们各自的优缺点。 官网 Maven官网: https://maven.apache.orgGradle官网: https://gr…

[Linux网络编程]02-Socket编程

一.套接字(Socket) 在通信过程中&#xff0c;套接字一定是成对出现的(通信双方各持一个) 一个文件描述符指向一个套接字(该套接字内部由内核借助两个缓冲区实现读写),即一个套接字只有一个文件描述符&#xff0c;但有两个缓存区&#xff0c;与管道正好相反。 Linux套接字实现…

解决k8s集群中安装ks3.4.1开启日志失败问题

问题 安装kubesphere v3.4.1时&#xff0c;开启了日志功能&#xff0c;部署时有三个pod报错了 Failed to pull image “busybox:latest”: rpc error: code Unknown desc failed to pull and unpack image “docker.io/library/busybox:latest”: failed to copy: httpRead…

uniapp使用html2canvas时,页面内的image元素模糊

不废话很简单只需要将image改成img就行 改之前 改之后 原因可能是因为uniapp里面的image标签做了某种处理

QT教程-二十一,Qt动画类

目录 1. QPropertyAnimation 主要功能 示例 2. QVariantAnimation 主要功能 3. QAbstractAnimation 主要功能 4. QAnimationGroup 主要功能 5. QSequentialAnimationGroup 示例 6. QParallelAnimationGroup 示例 7. QEasingCurve 示例 8. 例子,实现一边移动一边…

从“制造”到“智造”:中图光学测量仪器的进阶与应用

在当今全球化和科技快速发展的时代&#xff0c;制造业正经历着从传统的“制造”模式向智能化的“智造”模式的深刻转变。消费者对产品质量和个性化的要求越来越高&#xff0c;产品的更新换代速度加快&#xff0c;传统的制造模式难以满足这些需求。 例如&#xff0c;在半导体芯…

mac m1 git clone 忽略大小写敏感

mac m1 git clone 忽略大小写敏感 终极方案&#xff1a;使用大小写敏感的文件系统 终极方案&#xff1a;使用大小写敏感的文件系统 网上试了一些都不行&#xff0c;最简单的就是建个目录定义为大小写敏感的格式 如果你需要频繁处理此类问题&#xff0c;可以考虑在 macOS 上创…

1.计算机网络_基本知识

基本知识 计算机网络的类别&#xff1a; 1、按作用范围来分类 2、按网络的使用者来分类 什么是计算机网络&#xff1a; 计算机网络由若干个节点和链接这些节点的链路组成&#xff0c;节点可以是计算机、集线器、交换机、路由器等。互联网络是多个网络通过路由器连接在了一起…

具备技术二:正则表达式

一、C正则库 regex 用于报文的解析。 使用接口&#xff1a;bool regex_match(const string &src, smatch &matches, regex &e); src&#xff1a;要解释的字符串。 smatch&#xff1a;一个类似于数组的结构&#xff0c;用于存储一个个解释之后的字符串。 matche…

可视化大屏的C位放啥(02):3D建筑,数据的集大成展示。

3D 建筑以其立体、逼真的形态&#xff0c;瞬间抓住人们的眼球。它不仅仅是一个静态的模型&#xff0c;更是一个承载着丰富数据的载体。通过精细的建模&#xff0c;可以展示建筑的外观、结构、内部布局等多方面信息。 从数据展示的角度来看&#xff0c;3D 建筑可以与各种数据进…

【zookeeper】集群配置

zookeeper 数据结构 zookeeper数据模型结构&#xff0c;就和Linux的文件系统类型&#xff0c;看起来是一颗树&#xff0c;每个节点称为一个znode.每一个Znode默认的存储1MB的数据&#xff0c;每个Znode都有唯一标识&#xff0c;可以通过命令显示节点的信息每当节点有数据变化…

相同的树算法

给你两棵二叉树的根节点 p 和 q &#xff0c;编写一个函数来检验这两棵树是否相同。 如果两个树在结构上相同&#xff0c;并且节点具有相同的值&#xff0c;则认为它们是相同的。 示例 1&#xff1a; 输入&#xff1a;p [1,2,3], q [1,2,3] 输出&#xff1a;true示例 2&…

最新开发项目H5商城小程序源码系统 带源代码安装包以及搭建部署教程

系统概述 在当今数字化迅猛发展的时代&#xff0c;电子商务已成为企业拓展市场、提升品牌影响力的重要手段。H5商城小程序作为一种跨平台、轻量级的应用形式&#xff0c;凭借其无需下载安装、即用即走的特性&#xff0c;迅速赢得了广大用户的青睐。为了满足企业对高质量H5商城…