首页 > 其他分享 >html5 3.0 表单

html5 3.0 表单

时间:2023-05-10 15:26:22浏览次数:32  
标签:checked name 表单 单选 html5 3.0 按钮 服务器

表单的定义:多个输入框,以表格的形式展示

表单常用在网页登录和注册功能中

表单的元素属性:<input type="text"name="   ”value="  "/>type;指定当前元素的类型value:所见即所得name:提交到后端服务器的值

文本框<input type="text"value=" "/>用户在页面中输入的值明文显示;valuce="   "默认的值

密码框<input type="possword"/>用户在页面输入的值暗文显示

单选按钮:type=“radio”:代表单选按钮;name=“   ”name里面的值相同的话,代表是单选。否则是多选;valuce=“  ”里面的值不显示。发送到后台;checked=“checked代表初始网页打开时默认勾选某个框”

复选框(复选按钮:type="checkbox"意思是类型为多选按钮name=“  ” 注意多个多选框按钮的值保持一致 value=“ ”代表发送到后端服务器中的值,不显示checked=代表初始化页面默认勾选某个多选框

列表框:select是列表框中的标签名;option是列表框中列的标签名;select和option是一对组合不可分离,value存放的值是用来发送到服务器后端的,不是用来表示的;option之间的文本是用来表示的;结构<from><select name="love"><option value="0">中国</option><option value="1">美国</option><option value="2">俄罗斯</option></select></from>

图片按钮:reset;重置按钮submit:提交按钮button:普通按钮

多行文本域:<textarea></textarea>

文件域:上传文件至服务器后端;结构:<form action="  "enctype="multipart/form-data">

                                                                 <input type="file"/>

                                                                 <input type=“submit”value=" 上传”/></form> 

 

标签:checked,name,表单,单选,html5,3.0,按钮,服务器
From: https://www.cnblogs.com/liuxin6de1b/p/17388058.html

相关文章

  • 学习日记——表单
    1.表单的定义①以表格的形式展现多个输入框(单),常用于网页中的注册和登录功能。②表单的元素属性:<inputtype=""name=''value=""/>input:表单元素type:input元素类型name:input元素名称,是提交到服务器的key,不展现在形式上value:input元素的值,所见即所得③代码结构如下:......
  • 基于CentOS 7.6安装及配置APISIX 3.0环境
    最近一直在研究微服务相关内容,通过对比各大API网关,发现新起之秀APISIX无论从开源程度上来讲还是功能上,都拥有很大的优势。经历了几天折磨一样的学习,目前在本地环境中配置成功了一套,以供自己留存吧,实在是网上的很多文章要么太老了,要么就是乱写一通。 APISIX官方网址:https://ap......
  • ArcGIS Pro 3.0.1破解版安装步骤
    记录ArcGISPro3.0.1破解版安装步骤。1、先安装windowsdesktop组件:windowsdesktop-runtime-6.0.5-win-x64.exe2、安装ArcGISPro3.0软件:ArcGISPro_30_182209.exe等待安装完成: 安装完成后先不运行。3、安装3.0.1升级包:ArcGIS_Pro_301_182232.msp 同样,安装完成后先不运......
  • HTML 表单
    9.1表单标签-主要标签-<form>:表单容器-<input>:输入框-相关标签-<textarea>:多行文本框-<select>、<option>:下拉菜单(组合使用)-<label>:标题(辅助表单标签),用for和id属性形成映射,点击标题也可选择9.2<input>标签属性-type:控制输入框类型-值:-text-普通文本输入......
  • 【2023.05.09】厦门无线电A证考试体验(无线电台执照)
    考这个证书主要是上班事情不多,所以业余时间学了一下无线电三月份去厦门无线电管理局考试,三天前接到无管局接到电话今天才刚拿到证,也就是说考完可能要等一个月半才能拿到证书进去无管局,会先在会议室抽号码排队,会议室收拾得很干净,奖牌也很多因为我和同学一起去,所以我们是连号......
  • uniapp微信小程序,上传图片和表单数据一起提交
    弄表单上传,请求一直400错误,然后寻找其它方法uni.uploadFile({url:'http://localhost:6109/api/My/warrantyCard',//上传服务器的URLfilePath:this.ImgUrl,//本地图片的路径或临时文件路径......
  • html5 2.0学习
    列表定义:是一种特别的对象集合。集合:集中在一起合二为一(聚集)。聚集:多个列(信息资源)排在一起。信息资源:一堆数据,可能是字符,可能是图片。列表分类:有序列表无序列表 (自)定义列表 有序列表:有顺序的列表。列表结构:<ol><li></li></ol> 有顺序,每个li独占一行,默认li标签前面有顺......
  • X-Powered-By: ARR/3.0 是什么
    背景:项目调用了一个内部接口,查看接口返回的内容,看到X-Powered-By:ARR/3.0,出于好奇百查了一下ApplicationRequestRouting(ARR)isafeatureinIISthatallowsyoutosetupawebfarmandloadbalancetherequests.ARRsitswithinIISManagerandprovidesloadb......
  • 【2023.05.08】keepley周杰伦DZ0155周同学积木评测
    前言本人是自费购买积木,购买原因是给妹妹培养动手能力,减少短视频占用时间,其次是给家里做摆饰,所以选择积木多考虑了美观非专业评测,如果想看更多积木评测请点进我的博客主页分类查看正文原本这个积木是粉色的,改成黑色替换件的话比较麻烦,简便的方法是将原包装内的粉色挑出来(因......
  • 解决antd form表单校验错误时,设置scrollToFirstError 不能滚动到第一个校验错误位置
    使用antdform表单自带属性scrollToFirstError校验不通过时自动滚动到第一个校验错误位置,但是经常没有效果,手动添加一个滚动方法来处理//表单滚动到第一个报错处(antd)exportconstscrollToFirstError=()=>{document.querySelector('.ant-form-item-has-error')?.scro......