首页 > 其他分享 >关于HTML的表单标签

关于HTML的表单标签

时间:2024-08-28 22:37:37浏览次数:13  
标签:标签 默认 表单 HTML 选中 测试 是否 type

html表单标签

from表单标签里面就是所有用户填写的表单数据;
action:"xxx.py" 把表单数据提交给了哪一个后台程序去处理
method="post"传递数据时用的是什么方法,post表示隐式提交数据,get表示明文传输数据

用户名:
中文的冒号 为了防止代码错误 
				input+tab键来生成代码
				type= "text"普通的输入框 
				type= "psaaword"密码框

type = "radio" 单选框
checked = "checked" 此属性可以表达默认选中状态
测试细节:
1、点击查看是否为单选

2、刷新的时候看是否有默认选中效果

3、点击文字看是否可以切换(提升用户体验好感度)


type = "checkbox" 表示多选框、复选框
checked = "checked" 表示默认选中
测试细节:
1、刷新的时候是否有默认选中的状态
2、点击文字的时候是否可以实现切换

ps:一切测试要追溯到用户的需求!!!


下拉菜单

select嵌套若干option标签,每组option标签就表示一个下拉菜单的选项
selected = "selected" 表示的是下拉菜单的默认选中,注意与文本选择框的默认选中区分开来
测试细节:
1、内容的顺序是否正确
2、默认选中的状态是否正确
3、内容的条数是否跟要求的一致


文本域:

测试细节:
1、测试三大主流浏览器外观大小是否一致
2、提醒程序员禁用拖拽大小的功能


按钮功能:

测试细节:
type="botton",需要配合js才能实现其他效果
value属性设置按钮身上的文字
type="reset",点击后可以使表单恢复默认值
value属性设置按钮身上的文字
type="submit",点击后可以把表单数据提交给指定后台进行处理
value属性设置按钮身上的文字
注意:点击后是否报错都与我们无关,最终测试的时候,我们只需要关注数据库中的内容是否正常添加即可


表单用户体验提升的细节

1:可以添加placeholder属性,可以给文本框设置提示文字

例如:placeholder="请输入用户名"

2:如果是专门写表单的页面,可以给第一个输入框设置一个默认获取鼠标焦点的属性

例如:autofocus="autotocus"

标签:标签,默认,表单,HTML,选中,测试,是否,type
From: https://www.cnblogs.com/nice-melody/p/18385642

相关文章

  • table 固定标题的方法(tr标签)
    <!DOCTYPEhtml><html><head><title>带有额外列的表格示例</title><style>/*可选的CSS,用于美化表格*/table{width:100%;border-collapse:collapse;}t......
  • SautinSoft HTML to RTF .Net Crack
    SautinSoftHTMLtoRTF.NetCrackKeyFeaturesofSautinSoftHTMLtoRTF.Net:HTMLtoDOCXConversion:ConvertHTMLcontentintoDOCXfileswithfullsupportforCSSandsimpleJavaScript,creatingwell-formattedWorddocuments.HTMLtoR......
  • html+css编写三级菜单
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"/><metaname="viewport"content="width=device-width,initial-scale=1.0"/><title>Document</title&g......
  • html+css编写二级菜单
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"/><metaname="viewport"content="width=device-width,initial-scale=1.0"/><title>Document</title&g......
  • vue element 多层循环嵌套的表单校验
    最近vue2遇到的问题有一个数据结构是多层嵌套varlevel1list=[{name:'level1-1',level2List:[{name:'level2-1',level3List:[{name:'le......
  • Go语言中JSON标签的用法与技巧
    在Go语言中,JSON标签(JSONtags)是用来指定结构体字段在序列化为JSON时的名称和行为的。JSON标签通常写在结构体字段的后面,用反引号(`)括起来。以下是一些常用的JSON标签:json:"field_name":指定JSON对象中的字段名。例如:typePersonstruct{Namestring`json:"name"`Age......
  • Web大学生网页作业成品——香奈儿香水介绍网页设计与实现(HTML+CSS)(1个页面)
    ......
  • 可拖拽表单设计器都有哪些突出特点?
    为了提高效率、降低开发成本,利用低代码技术平台的优势特点可以实现这一目标。究竟什么是低代码技术平台?都有哪些值得夸耀的特点和优势?今天,我们就带着这些问题,一起来了解低代码技术平台、可拖拽表单设计器的多个优势特点,以及为何能推动企业实现流程化办公。在数字化转型的发展期,很......
  • 使用 Tampermonkey5.1.1_0加自定义编写的js脚本实现自动填充表单
    最近有碰到要使用单点登录的需求,最开始是按照固定流程使用OAuth2.0或者jwt等技术通过父子系统交互的方式实现单点登录。缺点:代码繁琐,而且需要子系统配合提供单点登录接口,并且跳转时子系统需要携带其token等参数优点:安全,通过系统交互的方式鉴权访问接口。由于要集成的子系统很多,而......
  • Day50.HTML前戏
    1.HTML前戏_socket构造出符合HTTP协议格式的数据,并在前端显示数据2.HTML前戏_前端显示的数据设置一级标题3.HTML前戏_从文件中读取前端代码,前端显示的数据设置一级标题4.HTML前戏_设置a标签,添加点击跳转的页面5.HTML前戏_设置img标签,src=图片地址,页面显示图片4.6.HTML前戏_HTM......