006+limou+HTML——（6）HTML表单
创始人
2024-05-31 04:34:52
0次

000、

表单和表格不一样，表单含有“文本框”、“按钮”、“单选框”、“复选框”、“下拉列表”等

（1）作用

用于声明一个表单，内部包含“文本框”、“按钮”、“单选框”、“复选框”、“下拉列表”等所有的表单标签。如果需要表单和服务器交互，则必须写，如果不用，其实也可以不写

（2）属性

在这里插入图片描述


网页标题

001、

（1）作用

在浏览器中显示供用户交互的表单

（2）属性[type]

在这里插入图片描述

（3）各个属性的应用

①单行文本框

  • 简单使用如下

网页标题
姓名：

在这里插入图片描述

  • 其本身也具有属性

在这里插入图片描述


网页标题
姓名：
姓名：

在这里插入图片描述

②密码文本框

  • 本身和单行文本框类似，但是其输入字符不可见，简单使用如下

网页标题
姓名：
姓名：
密码：

在这里插入图片描述

  • 拥有和单行文本框一样的属性

网页标题
姓名：
姓名：
密码：
密码：

在这里插入图片描述

③单选框

  • 其一般直接配合自己的属性[name]、[value]使用，单选是指：在同属于一个[name]的多个选项中选一个。如果忘记写[name]，或者是不同一组name的情况下就会出现“多选”的情况

网页标题
姓名：
姓名：
密码：
密码：
性别：男女

在这里插入图片描述

  • 如果需要默认选择某一项，可以使用单选框自身的属性[checked]，直接加在想要的单选框标签内部的最后面就可以，可以写成有属性值的形式，也可以直接简写（以下存在三类单选框，因为有三种name）

网页标题
姓名：
姓名：
密码：
密码：
性别：男女
性别：男女
性别：男女

在这里插入图片描述

  • 另外如果可以，请再写得规范些，在表单标签何后面的文本使用

网页标题
姓名：
姓名：
密码：
密码：
性别：
性别：
性别：

在这里插入图片描述

④多选框

  • 简单使用如下

网页标题
姓名：
姓名：
密码：
密码：
性别：
性别：
性别：
你喜欢的水果：苹果香蕉西瓜李子

在这里插入图片描述

  • 如果需要默认选择某一项，可以使用多选框自身的属性[checked]，直接加在想要的多选框标签内部的最后面就可以，可以写成有属性值的形式，也可以直接简写

网页标题
姓名：
姓名：
密码：
密码：
性别：
性别：
性别：
你喜欢的水果：苹果香蕉西瓜李子

在这里插入图片描述

⑤按钮

  • 普通按钮，一般配合Javascript使用，这里可以不管下面代码的Javascript部分

网页标题
1.1.姓名：
1.2.姓名：
2.1.密码：
2.2.密码：
3.1.性别：
3.2.性别：
3.3.性别：
4.你喜欢的水果：苹果香蕉西瓜李子
5.按钮

在这里插入图片描述

  • 提交按钮和普通按钮外观没有什么区别，这个以后再了解，提交按钮主要是用来给服务器提交数据的

网页标题
1.1.姓名：
1.2.姓名：
2.1.密码：
2.2.密码：
3.1.性别：
3.2.性别：
3.3.性别：
4.你喜欢的水果：苹果香蕉西瓜李子
5.普通按钮
6.提交按钮

在这里插入图片描述

  • 重置按钮，用来清除用户的输入内容，不过只清楚一个表单标签
    中的内容

网页标题1.1.姓名：
1.2.姓名：
2.1.密码：
2.2.密码：
3.1.性别：
3.2.性别：
3.3.性别：
4.你喜欢的水果：苹果香蕉西瓜李子
5.普通按钮
6.提交按钮
账号：
密码：

⑥文件上传

  • 文件上传涉及较多的后端知识，这里就不细讲了。点击“选择文件”就会弹出文件选择窗口

网页标题
1.1.姓名：
1.2.姓名：
2.1.密码：
2.2.密码：
3.1.性别：
3.2.性别：
3.3.性别：
4.你喜欢的水果：苹果香蕉西瓜李子
5.普通按钮
6.提交按钮
账号：
密码：
7、文件上传

在这里插入图片描述

003、

在这里插入图片描述

004、

在这里插入图片描述

（2）属性

①

在这里插入图片描述

②


网页标题
个人简介

在这里插入图片描述

词库加载错误:未能找到文件“E:\highferrum_mysql\Configuration\Dict_Stopwords.txt”。

上一篇：用Python优雅地求解阿基米德分牛问题

下一篇：MySQL事务篇

相关内容

热门资讯

ios系统和安卓系统游戏互通,... 哎呀呀，小伙伴们，你们有没有想过，为什么我们玩的游戏有时候在iOS和安卓系统上不能一起玩呢？是不是觉...
安卓系统改全网通,轻松实现全网... 你有没有想过，你的安卓手机是不是也能变身成为全网通的小超人呢？没错，就是那种不管走到哪里，都能轻松连...
安卓系统开发java,基于Ja... 你有没有想过，那些在手机上玩得不亦乐乎的游戏，还有那些帮你解决生活小困扰的应用，它们是怎么诞生的呢？...
华为安卓系统彩蛋7.0,趣味迷... 哇，你知道吗？华为的安卓系统7.0里竟然藏了一个超有趣的彩蛋！是不是听起来就让人心动呢？别急，让我带...
ios安卓双系统教程,体验跨平... 你有没有想过，你的手机可以同时拥有iOS和安卓两个系统呢？没错，就是那种一边玩着苹果的清新界面，一边...
安卓系统微信来电,生活更便捷 亲爱的手机控们，你们有没有遇到过这种情况：手机里微信响个不停，可就是没声音？是不是觉得有点尴尬，又有...
手机更新内容安卓系统,性能飞跃... 你有没有发现，手机更新就像是我们生活中的小惊喜呢？有时候，它悄无声息地来，有时候，它带着满满的期待。...
安卓系统下片安全吗,守护隐私防... 你有没有想过，在安卓手机上下载电影和电视剧，这事儿安全吗？咱们都知道，现在网络世界复杂多变，一不小心...
安卓系统如何秒变ios系统,安... 你有没有想过，把你的安卓手机变成苹果iOS系统，体验一下那流畅的触感和独特的系统设计呢？虽然官方并不...
安卓系统在哪设置时间,快速定位... 手机时间不准了？别急，让我来带你一探究竟，看看安卓系统里那些隐藏的小秘密，教你轻松设置时间！一、时间...
怎么锁软件安卓系统,轻松保护隐... 你有没有想过，你的安卓手机里那些珍贵的软件，要是突然被别人随意打开，那可真是让人头疼呢！别担心，今天...
安卓系统模拟移动键,便捷操作新... 你有没有想过，你的安卓手机其实是个超级英雄？它不仅能帮你拍照、聊天、听音乐，还能变成你的私人助手，帮...
安卓升级系统出错了,探寻系统升... 哎呀呀，亲爱的手机控们，你们有没有遇到过这种情况：手机更新了新系统，结果却发现各种小问题层出不穷，让...
苹果安卓系统切换软件,苹果安卓... 你有没有想过，你的安卓手机也能摇身一变，成为苹果手机的模样呢？没错，就是那种看起来酷炫、操作流畅的感...
harmonyos能代替安卓系... 亲爱的读者们，你是否也像我一样，对华为的HarmonyOS系统充满了好奇？最近，关于HarmonyO...
安卓系统优势在哪找到,打造高效... 你有没有想过，为什么安卓系统这么受欢迎呢？它就像一个万能的魔法盒，里面装满了各种神奇的功能和便利。今...
安卓调用系统相机代码,系统相机... 你有没有想过，手机里的相机功能竟然可以这么强大？没错，就是那个我们每天都会用到的小玩意儿——系统相机...
安卓系统和webos系统哪个好... 亲爱的读者们，你是否在为选择智能电视系统而烦恼？安卓系统和WebOS系统哪个更好？别急，今天我就来给...
安卓系统与ios系统相同软件,... 你有没有想过，同样是手机，为什么安卓和iOS系统下的软件看起来、用起来感觉就是不一样呢？今天，就让我...
安卓更新不到新系统,探索魅族手... 亲爱的手机主人，你是否也遇到了这样的烦恼：明明手机已经卡得像蜗牛，却怎么也更新不到最新的系统呢？别急...