HTML 文本框输入框 列表文本框和文本域 等等

article/2025/9/24 20:57:17

初识表单和get提交

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>登录注册</title>
</head>
<body><!--表单form
action: 表单提交的位置,可以是网站,也可以是一个请求处理地址
method: post,get 提交方式get方式:我们可以在url中看到我们提交的信息,不安全,高效post方式:比较安全,传输大文件
--><h1>注册</h1><form action="1.我的第一个网页.html" method="post">
<!--  文本框输入:<input type="text"--><p>名字:<input type="text" name="username"></p>
<!--  密码框:<input type="password"--><p>密码:<input type="password" name="pwd"></p><p><input type="submit"><input type="reset"></p></form></body>
</html>

文本框和输入框

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

列表文本框和文本域

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>登录注册</title>
</head>
<body><!--表单form
action: 表单提交的位置,可以是网站,也可以是一个请求处理地址
method: post,get 提交方式get方式:我们可以在url中看到我们提交的信息,不安全,高效post方式:比较安全,传输大文件
--><h1>注册</h1><form action="1.我的第一个网页.html" method="post">
<!--  文本框输入:<input type="text"--><p>名字:<input type="text" name="username"></p>
<!--  密码框:<input type="password"--><p>密码:<input type="password" name="pwd"></p><p><input type="submit"><input type="reset"></p><!--  下拉框, 列表框--><p>国家:<select name="列表名称"><option value="china">中国</option><option value="us">美国</option><option value="eth">瑞士</option><!--默认选择--><option value="etl">瑞士</option><option value="etl">意大利</option></select></p>
<!--  文本域--><p><textarea name="textarea" cols="50" rows="10">文本内容</textarea></p>
<!--  文件域--><p><input type="file" name="file"><input type="button" value="上传" name="upload"></p><p><input type="submit"><input type="reset" value="清空表单"></p></form></body>
</html>

效果图:
在这里插入图片描述

搜索框滑块和简单验证

在这里插入图片描述
在这里插入图片描述

表单的应用

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

表单初级验证

提示信息用在输入框中
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述


http://chatgpt.dhexx.cn/article/YgqFI8ES.shtml

相关文章

LayUI富文本域使用案例

LayUI富文本域是一款轻量级的富文本编辑器&#xff0c;页面设计比较简约。之前写项目时因为用的是LayUI框架&#xff0c;所以富文本域当时就用的LayUI富文本编辑器&#xff0c;这里整理一下。 先来看一下效果图&#xff0c;页面效果图。 访问效果图&#xff1a; 首先需要引入L…

文本域(可输入多行文本)

1&#xff09;和文本、密码输入框一样&#xff0c;文本域的代码也是在<form></form>标签内部的。 语法如下&#xff1a; <textarea rows"行数" cols"列数">文本</textarea>如&#xff1a; <!DOCTYPE HTML> <html> <…

文本域、标签、密码域、文本区、滚动窗格——文本输入

文本域 将文本域添加到窗口的常用办法就是将它添加到面板或者其他的容器中&#xff1a; JPanel panel new JPanel(); JTextField textField new JTextField("Default input", 20); panel.add(textField);上面的代码添加一个文本域&#xff0c;同时传递“Default …

第十三篇、文本框、密码框和文本域。

文章目录 前言一、文本框、密码框和文本域之间的对比二、代码示例1.文本框2.密码框3.文本域 总结 前言 上一篇我们共同学习了下拉框和列表框&#xff0c;本篇我们将学习文本框、密码框和回顾我们之前学习的文本域。 一、文本框、密码框和文本域之间的对比 文本框&#xff1a;…

java:文本域的简单使用

文本域的简单使用 一、关键代码二、简单说明三、流程图四、源码&#xff08;一&#xff09;、源码A&#xff08;二&#xff09;、源码A的运行效果 五、结语六、定位日期 一、关键代码 常见的创建类方式&#xff0c;创建文本域。需要注意添加相关的包类&#xff0c;具体可看源码…

HTML|下拉框和文本域、文件域

HTML|下拉框和文本域、文件域 1.下拉框 在平时我们填问卷或者冲浪的时候做筛选的时候都会遇到下拉框&#xff0c;html写一个下拉框的方式是使用select标签&#xff0c;name和id是默认属性 <select name"1" id""></select>在select标签内部可…

20、HTML <textarea>标签(文本域)

在使用表单时&#xff0c;例如姓名、年龄字段我们可以使用单行文本框&#xff0c;但是当涉及到描述信息&#xff0c;内容比较多时&#xff0c;单行文本框很有可能放不下所有的内容&#xff0c;这时就需要用到多行文本框。 在 HTML 中&#xff0c;使用 <textarea> 标签来…

概率论公式整理

1、排列与组合公式 2、加法和乘法原理 3、随机试验和随机事件 4、基本事件、样本空间和事件  5、事件的关系与运算 6、概率的公理化定义 7、古典概型  8、几何概型 9、加法公式 10、减法公式 11、条件概率 12、乘法公式 13、独立性 14、全概率公式 15、贝叶斯…

古典概率,条件概率,全概率

文章目录 概率论的基本概念排列数组合数例题 古典概率例题例题 联合概率条件概率例题 条件概率的推广例题 全概率公式例题 贝叶斯公式例题 概率论的基本概念 排列数 组合数 例题 古典概率 例题 例题 联合概率 条件概率 例题 条件概率的推广 例题 全概率公式 例题 贝叶斯公式 例…

《高数叔》概率论与数理统计期末总复习笔记(持续更新中)

文章目录 一、随机时间与概率---day11.随机事件与样本空间的概念2.事件的关系&#xff08;集合之间的关系&#xff09;3.事件的运算律---交换律-结合律-分配律-德摩根律4.概率的概念和性质5.古典概型6.条件概率7.乘法定理8.全概率公式9.贝叶斯公式全概率&贝叶斯举例 10.事件…

概率论发展史上的几个经典问题

1.巴拿赫的火柴盒问题 巴拿赫 Stefan Banach 是 20 世纪初最重要的数学家之一——如果你对流行数学感兴趣&#xff0c;你就会听说过 Banach-Tarski 悖论&#xff1b;如果你做过任何严肃的线性代数&#xff0c;你就会知道巴拿赫空间&#xff1b;如果你读过《破解数学》&#xf…

古典概型,条件概率,贝叶斯公式

概率的定义&#xff0c;性质 定义 设 E E E 是随机试验&#xff0c; S S S 是它的样本空间。    对于 E E E 的每一个事件 A A A 赋予一个实数&#xff0c;记为 P ( A ) P(A) P(A)&#xff0c;称为事件 A A A 的概率。    如果集合函数 P ( ⋅ ) P(\, \boldsymbo…

古典概率基础

1. 抛硬币问题&#xff1a;(二项分布) 一般地&#xff0c;抛硬币n次&#xff0c;其中正面出现k次的情况是, 所以正面出现k次的概率为 练习&#xff1a;使用数值或者解析方法&#xff0c;分析n->无穷的情况&#xff0c;得出结论。 2. 掷骰子 1.用列举法枚举骰子的情况 2.…

古典概率习题

对于至少有一个人中奖&#xff0c;我们都要将其转换为没有人中奖&#xff0c;然后再拿1减去这个概率

统计-4 概率、古典概率

概率 描述事件发生可能性的指标&#xff1b; 假设4个人要出去玩&#xff0c;要决定是否带伞&#xff0c;因此对事件 A “明天会下雨”估计&#xff0c;甲说100%可能下雨&#xff0c;乙说70%&#xff0c;丙说30%&#xff0c;丁说0%肯定不下雨&#xff1b;这些数字代表了每个人对…

C3: 古典概率/几何概率/概率定义及性质/条件概率

》》点赞&#xff0c;收藏关注&#xff0c;理财&技术不迷路《《 目录&#xff1a; 3. 古典概率Classical Probability 频率概率&#xff1a; 古典概型&#xff1a; 这个例子&#xff0c;n的区别就是指定和没有指定。 后面365*364******* 意思是每个人的生日都不一样&…

古典概率,排列组合和贝叶斯定理(学习笔记)

第一次用CSDN写博客&#xff0c;其实主要目的是用来自己做统计学笔记归纳。 我现在是在外国就读统计与数据分析本科。其实本人以前在国内是个数学白痴&#xff0c;只是出国了突然就成了数学好..而且也是听朋友说读统计数据分析以后找工作不愁&#xff0c;所以就误打误撞近了这…

古典概率,先验概率,后验概率,贝叶斯分类器

古典概率&#xff1a;随机现象所能发生的事件是有限的、互不相容的,而且每个基本事件发生的可能性相等。 两个特点&#xff1a; 一是试验的样本空间有限&#xff0c;如掷硬币有正反两种结果&#xff0c;掷骰子有6种结果等&#xff1b; 二是试验中每个结果出现的可能性相同&am…

app测试和app接口测试要点详解

一、app测试要点 1.安装、卸载&#xff1a;测试app能否正常安装或者卸载 2.app升级&#xff1a;本地升级&#xff0c;在线升级&#xff0c;原数据是否正常 3.功能性 不同平台一致性 4稳定性 系统交互,低电量,蓝牙耳机 5.权限 6.正常场景 基本功能 7.异常场景 无电,无网 …