表单标记form

1.form:表单域标记,表示表单范围,所有的表单元素必须放进form标记中

2.input:用来设置表单输入元素,<input>元素根据不同的属性,可以有多种形式,如文本框(text),密码框(password),单选框(radio),复选框(checkbox),按钮(button),提交按钮(submit)

3.option:下拉列表标记,通过option元素定义下拉选项

4.textarea:文本域标记

写了大量注释哦

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head><body><h1>表单标记</h1><!-- 表单常见属性name:表单域名字action:设置跳转链接method:表单跳转方法,决定了表单中已经收集的数据以何种方式发送到服务器端有post get两种onsubmit:处理表单的脚本程序--><form action="后端处理程序" method="post"><!-- type类型text:单行文本框password:密码框radio:单选按钮checkbox:复选框submit:提交按钮 reset:重置按钮button:普通按钮file:文件域hidden:隐藏域--><!--文本框 maxlength:size:文本框长度,默认24px,px表示像素value:文本框默认值 --><p>文本框:<input type="text" size="30"></p>    <!-- 密码框maxlength:size:文本框长度,默认24px,px表示像素value:文本框默认值 --><p>密码框:<input type="password"></p><!--单选按钮name:设置按钮的名称,对单选按钮中的多个按钮,任何时刻只能一个被选中value:按钮选中后传到服务器中的值checked:表示单选按钮被选中 注意这里的name值要一样,不然就不是单选框了,(而是双选框)--><p>单选框:<input type="radio" name="r">男 <input type="radio" name="r" id="">女</p><!-- 复选框name:设置按钮的名称,对单复选按钮组中的多个按钮,同一时刻可以对格被选中value:按钮选中后传到服务器中的值checked:表示复选按钮被选中 --><p>兴趣爱好:<input type="checkbox" name="c1">跑步锻炼<input type="checkbox" name="c1">写算法<input type="checkbox" name="c1">阅读</p><!-- 下拉列表框name:设置列表名称value:选项的值selected:选中的选项 属性:size:列表中同时显示的个数,默认为1multiple:设置列表项目可以多选--><p>省份:<!-- 指定每次只能选一个 --><select size="1"><option value="1">天津</option><option value="2">北京</option><option value="">新疆</option><option value="">内蒙古</option></select></p><!-- 文本域标记name:文本域名称rows:设置文本域的行数cols:设置文本域的列数 --><p><textarea rows="10" cols="20">留言信息</textarea></p><!-- 提交按钮name:设置按钮名称value:提交按钮上显示的文本 --><input type="submit"><!-- 重置按钮name:设置按钮名称value:重置按钮上显示的文本 --><input type="reset"><!--普通按钮 name:设置按钮名称value:重置按钮上显示的文本 onclick:表示处理表单的脚本函数普通按钮没有默认值,需要设置value值submit和reset也可以通过设置value值改变按钮名称 --><input type="button" value="普通按钮">   <br><!--文件域name:设置文件域的名称--><p>文件域: <input type="file"> </p><!-- 隐藏域name:隐藏域名字value:影藏域传递的名字是一个隐藏的区域,浏览者无法看到,主要用途是在不同页面之间传递数据--><p><input type="hidden"></p></form>
</body>
</html>

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

如若内容造成侵权/违法违规/事实不符,请联系一条长河网进行投诉反馈,一经查实,立即删除!

相关文章

信息安全数学基础(9)素数的算数基本定理

前言 在信息安全数学基础中&#xff0c;素数的算数基本定理&#xff08;也称为唯一分解定理或算术基本定理&#xff09;是一个极其重要的定理&#xff0c;它描述了正整数如何唯一地分解为素数的乘积。这个定理不仅是数论的基础&#xff0c;也是许多密码学算法&#xff08;如RSA…

Java面试篇基础部分-Java泛型详解

导语   Java中泛型的本质是参数化类型,泛型提供了编译时类型的安全检测机制。泛型机制允许程序在编译的时候检测非法的类型,例如要实现一个对于字符串、整型、浮点型、对象类型等比较其大小的方法,就可以使用泛型,在使用的时候在明确所要比较的数据类型就可以了。 当然如…

OAExploit一款基于OA产品的一键扫描工具

OAExploit一款基于OA产品的一键扫描工具 01 项目介绍 一款扩展性高的渗透测试框架渗透测试框架 出现卡死的几种情况&#xff1a;1.点击按钮太快 2. 打印log 的异常 02 工具展示

【有啥问啥】复习变分下界即证据下界(Evidence Lower Bound, ELBO):原理与应用

复习变分下界即证据下界&#xff08;Evidence Lower Bound, ELBO&#xff09;&#xff1a;原理与应用 变分下界&#xff08;Variational Lower Bound&#xff09;&#xff0c;也称为“证据下界”&#xff08;Evidence Lower Bound, ELBO&#xff09;&#xff0c;是概率模型中的…

git编译安装报错

编译安装步骤 卸载旧的 yum -y remove gitcd /usr/local/src/wget https://www.kernel.org/pub/software/scm/git/git-2.15.1.tar.xztar -vxf git-2.15.1.tar.xzcd git-2.15.1make prefix/usr/local/git allmake prefix/usr/local/git installecho "export PATH$PATH:/usr…

c#中给winform定义快捷键的几种方式

快捷键的使用在日常的开发中频率比较高&#xff0c;这里总结了最常见的各种快捷键的设置方式&#xff0c;需要的时候大家直接照抄就可以了&#xff0c;不用再去查询如何实现了。 文章目录 一、按钮快捷键二、菜单快捷键三、全局快捷键1、重写ProcessCmdKey2、使用KeyPreview属…

操作系统的重点笔记-1

一、操作系统的设计目标 1.易用性 使计算机易于使用&#xff0c;提供文件抽象后&#xff0c;对文件的操作就是对磁盘的操作&#xff0c;不再需要考虑如何通过控制磁盘移动&#xff0c;实现对磁盘某个信号的读写细节 2.高效性 完成特定功能的效率&#xff0c;如时间效率&…

Golang | Leetcode Golang题解之第404题左叶子之和

题目&#xff1a; 题解&#xff1a; func isLeafNode(node *TreeNode) bool {return node.Left nil && node.Right nil }func sumOfLeftLeaves(root *TreeNode) (ans int) {if root nil {return}q : []*TreeNode{root}for len(q) > 0 {node : q[0]q q[1:]if no…

Win11 频繁蓝屏重启

一、问题描述 最近在使用笔记本的时候时不时的蓝屏重启&#xff0c;甚至重启完进系统立马蓝屏重启&#xff0c;还好我凭借快速的手速拍到了错误的原因&#xff0c;如下图所示。 失败的操作是Netwtw12.sys&#xff0c;查了一下这个错误是由于无线网卡导致的&#xff0c;经过测试…

全网最适合入门的面向对象编程教程:48 Python函数方法与接口-位置参数、默认参数、可变参数和关键字参数

全网最适合入门的面向对象编程教程&#xff1a;48 Python 函数方法与接口-位置参数、默认参数、可变参数和关键字参数 摘要&#xff1a; 在 Python 中&#xff0c;函数可以接受多种不同类型的参数&#xff0c;包括位置参数、默认参数、可变参数和关键字参数等&#xff0c;理解…

什么是交换机级联?

在现代计算机网络中&#xff0c;交换机级联是一种广泛应用的技术&#xff0c;有助于提升网络的扩展性和灵活性。本文将深入探讨交换机级联相关知识&#xff0c;详细介绍其基本概念和连接配置方法&#xff0c;并对常见技术问题进行解答。 交换机级联概述 交换机级联是指通过将…

聊点基础的,关于监控,关于告警(prometheus—+grafana+夜莺如何丝滑使用?)

事情的起因是这样的&#xff0c;昨天又群友在群里咨询一个关于grafana和prometheus配置文件的用法&#xff0c;整了半天也没回复&#xff0c;正好知道就帮了一把&#xff0c;今天整理成文章&#xff0c;希望帮到更多的朋友 大致问题的话就是图里面提到的几个&#xff0c;其实都…

webpack的热更新原理

Webpack热更新&#xff08; Hot Module Replacement&#xff0c;简称 HMR&#xff09;&#xff0c;无需完全刷新整个页面的同时&#xff0c;更新所有类型的模块&#xff0c;是 Webpack 提供的最有用的功能之一。 保留在完全重新加载页面期间丢失的应用程序状态。只更新变更内容…

Qt_控件的QWidget属性介绍

目录 1、QWidget的核心属性 2、enabled 3、geometry 3.1 代码测试geometry 4、windowTitle 4.1 代码测试windowTitle 5、windowIcon 5.1 QIcon设置图标 5.2 qrc机制 5.3 代码测试windowIcon 6、windowOpacity 6.1 代码测试windowOpacity 7、cursor 7.1 代码测试…

多线程篇(线程池 - 整体介绍)(持续更新迭代)

目录 一、线程池&#xff08;并发编程的艺术&#xff09; 1. Java中的线程池 1.1. 线程池的实现原理 1.2 线程池的使用 1. 线程池的创建 2. 向线程池提交任务 3. 关闭线程池 4. 合理地配置线程池 5. 线程池的监控 1.3 本章小结 2. Executor框架 2.1 Executor框架简介…

2-93 基于matlab的无人机FMCW(频率调制连续波)毫米波高度计雷达仿真

基于matlab的无人机FMCW&#xff08;频率调制连续波&#xff09;毫米波高度计雷达仿真&#xff0c;不考虑环境杂波和收发信号隔离泄漏。通过考虑雷达天线、波束形成、信号传播、回波接收等环节影响。建立FMCW毫米波雷达系统的数学模型&#xff0c;评估无人机在不同高度下的高度…

Google推出Data Commons解决AI“幻觉”

每周跟踪AI热点新闻动向和震撼发展 想要探索生成式人工智能的前沿进展吗&#xff1f;订阅我们的简报&#xff0c;深入解析最新的技术突破、实际应用案例和未来的趋势。与全球数同行一同&#xff0c;从行业内部的深度分析和实用指南中受益。不要错过这个机会&#xff0c;成为AI领…

LeetCode 热题 100 回顾12

干货分享&#xff0c;感谢您的阅读&#xff01;原文见&#xff1a;LeetCode 热题 100 回顾_力code热题100-CSDN博客 一、哈希部分 1.两数之和 &#xff08;简单&#xff09; 题目描述 给定一个整数数组 nums 和一个整数目标值 target&#xff0c;请你在该数组中找出 和为目标…

PCL 点云基于曲率大小渲染颜色

目录 一、概述 1.1原理 1.2实现步骤 1.3应用场景 二、代码实现 2.1关键函数 2.2完整代码 三、实现效果 3.1原始点云 3.2处理后点云 PCL点云算法汇总及实战案例汇总的目录地址链接&#xff1a; PCL点云算法与项目实战案例汇总&#xff08;长期更新&#xff09; 一、概…

突破行业边界,构建可持续未来:2024生态系统架构创新与开放标准赋能全球业务增长

在全球数字化浪潮的推动下&#xff0c;企业面临着前所未有的机遇与挑战。如何在动态市场中实现跨行业的合作、确保业务的连续性并推动可持续发展&#xff0c;成为了每个企业高管和技术领导者亟待解决的关键问题。生态系统架构与开放标准的结合&#xff0c;不仅能够打破传统行业…