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事务篇

相关内容

热门资讯

安卓系统账号怎么改,轻松实现账... 你是不是也和我一样，在使用安卓手机的时候，突然觉得账号名字太老土了，想要来个焕然一新的改变呢？别急，...
离线语音系统安卓版下载,随时随... 你有没有想过，在手机上也能实现语音助手的功能，而且完全不需要联网？没错，就是那种离线语音系统，听起来...
华为os系统是基于安卓系统吗,... 你有没有想过，华为的手机里那个神秘的OS系统，它是不是就是安卓系统呢？别急，今天就来揭开这个谜底，让...
各品牌安卓系统多大,探索各大品... 你有没有想过，那些我们每天离不开的安卓手机，它们背后的系统到底有多大呢？这可不是一个小问题哦，因为系...
不是安卓系统电视机,探索非安卓... 你有没有想过，家里的电视是不是安卓系统呢？现在市面上，安卓系统电视机可是越来越流行了。但是，你知道吗...
谷歌安卓系统开源免费用,免费体... 你知道吗？在科技的世界里，有时候最让人惊喜的就是那些免费又好用的东西。今天，就让我来给你揭秘一个超级...
安卓电脑版怎么装系统,轻松实现... 你有没有想过，你的安卓电脑版突然间卡得像蜗牛一样，慢得让人抓狂？别急，今天就来教你怎么给它来个焕然一...
安卓系统有几种语音,揭秘多样化... 你知道吗？安卓系统里的语音功能可真是让人爱不释手呢！想象你只需要动动嘴，就能完成各种操作，是不是觉得...
扫码系统推荐安卓游戏,畅享指尖... 你有没有发现，最近手机里的游戏推荐越来越贴心了？没错，就是那个神奇的扫码系统！今天，就让我带你一探究...
手机系统安卓做的最好,探索最佳... 你有没有发现，现在手机市场上，安卓系统简直是要风得风，要雨得雨，简直是手机系统中的佼佼者！不信？那就...
安卓系统越拉越难用,越拉越难用... 你有没有发现，最近安卓系统越来越难用了？是不是每次打开手机，都感觉卡得要命，各种广告弹窗让人头疼不已...
卓安系统创始人,引领科技浪潮的... 你有没有想过，在这个信息爆炸的时代，谁才是那个站在风口浪尖，引领科技潮流的先锋？今天，我要带你认识一...
安卓10系统经常断网,安卓10... 最近是不是你也遇到了安卓10系统经常断网的问题？这可真是让人头疼啊！手机断网，就像失去了方向感的指南...
开发安卓系统用什么,从工具到实... 你有没有想过，为什么你的手机里装了那么多应用，却还是觉得不够用呢？其实，这一切都离不开一个强大的操作...
安卓系统如何双开抖音,安卓系统... 如何在安卓系统上双开抖音：让你的娱乐生活更加丰富多彩在数字化时代，手机已经成为我们生活中不可或缺的一...
安卓8.0系统内测地址,探索系... 你有没有听说最近安卓8.0系统内测的消息？这可是科技圈的大事啊！作为一个紧跟潮流的数码爱好者，我可是...
安卓系统可以账号同步吗,安卓系... 你有没有想过，你的安卓手机里的各种账户信息，比如微信、QQ、支付宝，能不能像变魔术一样，一键同步到另...
安卓系统的平板怎么下载,畅享应... 你有没有想过，拥有一款安卓系统的平板电脑，那感觉简直就像拥有了整个世界？想象随时随地都能畅游网络海洋...
win平板上装安卓系统咋样,开... 亲爱的读者们，你是否曾想过在Windows平板上体验安卓系统的魅力？想象那双熟悉的Windows界面...
给安卓车机写系统,安卓车机系统... 你有没有想过，你的安卓车机系统其实可以焕然一新？想象当你驾驶着爱车，车机界面流畅得像丝滑的巧克力，功...