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呢？又或者，为什么你的安卓手机里搭载...
qt程序安卓系统运行,基于Qt... 你有没有想过，为什么有些手机上的程序运行得那么顺畅，而有些却总是卡得让人抓狂？今天，就让我来给你揭秘...
安卓系统免费应用推荐,助你畅享... 手机里的应用是不是越来越多，有时候都挑花眼了呢？别急，今天我就来给你推荐一些安卓系统上的免费应用，让...
安卓系统视频通话app,打造无... 你有没有发现，现在手机上的视频通话功能越来越强大了？尤其是安卓系统上的那些视频通话app，简直让人爱...
安卓系统发现高危病毒,守护手机... 亲爱的手机用户们，最近可是有个大消息在安卓系统用户群里炸开了锅！没错，就是安卓系统发现了一款高危病毒...
安卓系统疯狂弹广告,揭秘广告软... 你有没有遇到过这种情况？手机里突然弹出一个广告，让你瞬间心情大崩溃？没错，说的就是安卓系统那让人头疼...
ebook 10进入安卓系统 你有没有发现，最近你的安卓手机里多了一个新伙伴——那就是电子书（ebook）10！没错，就是那个我们...
安卓系统如何调听筒,安卓系统调... 手机听筒声音突然变小了？别急，让我来教你如何轻松调教安卓系统的听筒，让它重新恢复活力！一、检查音量设...
安卓系统是怎么手机,解锁智能生... 你有没有想过，我们每天不离手的安卓手机，它背后的安卓系统究竟是怎么一回事呢？今天，就让我带你一探究竟...
安卓系统能代替windows系... 你有没有想过，我们日常使用的安卓系统和Windows系统，哪个才是真正的霸主呢？是不是有时候觉得安卓...
lp108安卓系统,功能特点与... 你有没有听说最近LP108安卓系统火得一塌糊涂？没错，就是那个让无数手机用户都为之疯狂的新系统！今天...
安卓系统挂载u盘,轻松实现数据... 你有没有想过，你的安卓手机或平板电脑突然变成了一个移动的U盘？没错，就是那种可以随意存取文件的神奇设...
i5 安卓系统,引领智能终端新... 你有没有想过，为什么你的手机总是卡得要命，而别人的手机却能流畅如丝？是不是因为你的手机搭载了那个传说...
安卓手机系统没有升级,揭秘潜在... 你有没有发现，你的安卓手机系统好像好久没升级了呢？是不是觉得有点out了？别急，今天就来给你详细聊聊...
安卓14系统定制v,创新功能与... 你知道吗？最近安卓系统又出新花样了！安卓14系统定制版V，这名字听起来就让人兴奋不已。今天，就让我带...
手机安卓系统越高越好,探索最新... 你有没有发现，每次手机更新系统，你的手机就像脱胎换骨了一样？没错，说的就是你，那个安卓手机！今天，咱...
鸿蒙系统怎么用回安卓,轻松实现... 你是不是也和我一样，对鸿蒙系统的新鲜感还没过，却又忍不住想回到熟悉的安卓世界？别急，今天就来手把手教...
苹果7跟安卓系统,性能对决与用... 你有没有想过，为什么苹果7那么受欢迎，而安卓系统却有着庞大的用户群体？今天，我们就来聊聊这个话题，看...
安卓手机刷简化系统,轻松实现流... 你有没有想过，你的安卓手机其实可以变得更加轻快、流畅呢？没错，就是通过刷简化系统！今天，就让我带你一...
社保掌上通安卓系统,轻松掌握在... 你有没有发现，现在的生活越来越离不开手机了？无论是购物、聊天还是办公，手机都能轻松搞定。这不，今天就...