首页 > 其他分享 >关于form表单的复习

关于form表单的复习

时间:2023-10-01 14:11:58浏览次数:35  
标签:复习 form name value 表单 按钮 type 属性

今天写代码的时候正好到了需要前后端交互的时候了,结果发现自己form表单遗漏有点严重,所以写个随笔给自己记一下。主要是复习表单元素

首先是 input标签, input标签使用很广泛,通过type属性的不同值,来表现不同的形态。

1)type="text"  文本框,里面文字可见,相对应的就是type="password"密码框:效果录入信息不可见。

2)表单元素必须有一个属性:name 有了name才可以提交数据,才可以采集数据,然后提交的时候会以键值对的形式拼到一起。

3)value:就是文本框中的具体内容,如果value提前写好,那么默认效果就是value中内容。当然一般默认提示语:用placeholder属性,不会用value,因为value只是文本框中的值。

4)readonly只读:只是不能修改,但是其他操作都可以,可以正常提交。相应的就是disabled禁用:完全不用,不能正常提交。

5)type="radio",单选按钮。要注意的是:一组单选按钮,必须通过name属性来控制,让它们在一个分组中,然后在一个分组里只能选择一个。以及value的值要不同,这样后台才能分辨。

6)默认选中:checked="checked"

7)type="checkbox",多选按钮。必须通过name属性来控制,让它们在一个分组中,然后在一个分组里可以选择多个不同的选项的value值要控制为不同,这样后台接收就可以区分、

8)type="file"文件

9)type="hidden"隐藏域

10)type="button"普通按钮。普通按钮没有什么效果,就是可以点击,以后学了js,可以加入事件

11)type="reset"特殊按钮:重置按钮将页面恢复到初始状态。type="submit"特殊按钮:提交按钮:具备提交功能

12)type="image" src=“”特殊按钮:图片按钮

然后就是select。

13)下拉列表默认选中:selected="selected"。多选:multiple="multiple"

再来多行文本框

14)<textarea style="resize: none;" rows="10" cols="30">请在这里填写信息。。</textarea>

label标签,一般会在想要获得焦点的标签上加入一个id属性,然后label中的for属性跟id配合使用。

15)<label for="uname">用户名:</label><input type="text" name="uername" id="uname"/>

还有两个跟css交互的属性,就不多说了

标签:复习,form,name,value,表单,按钮,type,属性
From: https://www.cnblogs.com/QsumaDzai-lm/p/17738807.html

相关文章

  • 22.表单提交验证和前端MD5加密
    onclick用这个函数来绑定,onclick表示点击事件,当某个按钮被点击时发生表单加密就是为了在提交表单的时候对用户的个人隐私进行加密处理,利用md5进行加密可以有效避免恶意用户进行抓包来获取用户的隐私functionf(){varzh=document.getElementById('zh');获取zh......
  • 手动实现Transformer
      Transformer和BERT可谓是LLM的基础模型,彻底搞懂极其必要。Transformer最初设想是作为文本翻译模型使用的,而BERT模型构建使用了Transformer的部分组件,如果理解了Transformer,则能很轻松地理解BERT。一.Transformer模型架构1.编码器(1)Multi-HeadAttention(多头注意力机制)  ......
  • 21.获得和设置表单的值
    获得和设置表单的值:先获取一个节点,然后用value来获取表单的值节点的名字.value对于单选,多选框,无法获取已经选中的值,但是可以通过checked来判断该选项是否被选中还可以通过checked=‘true/false’来改变单选或多选框的值......
  • 详细了解Transformer:Attention Is All You Need
    原文链接:AttentionIsAllYouNeed1.背景在机器翻译任务下,RNN、LSTM、GRU等序列模型在NLP中取得了巨大的成功,但是这些模型的训练是通常沿着输入和输出序列的符号位置进行计算的顺序计算,无法并行。文中提出了名为Transformer的模型架构,完全依赖注意力机制(AttentionMechanis......
  • 复习课12 选择语句与循环语句
    一.选择语句为了更好的讲解选择语句我们举一个例子:如果我们在学校认真学习则可以在考试时取得好的成绩,反之分数取得的成绩就会不理想,那么我们如何在程序中让用户选择是认真学习还是不认真学习,并返回相应的结果呢?以下是一段示例代码:#define_CRT_SECURE_NO_WARNINGS1#include<stdi......
  • 使用 Terraform 创建K8S集群
    Terraform是一个开源的基础设施即代码(InfrastructureasCode,IaC)工具,由HashiCorp公司开发和维护。它用于自动化和管理云基础设施、服务和资源的创建、配置和部署。Terraform允许开发人员和运维团队以声明性的语言描述基础设施,并使用代码的方式来管理基础设施,从而提高......
  • 表单控件拖拽平台都有哪些特点?
    什么样的表单控件拖拽平台可以提升办公协作效率?在竞争激烈的当今社会,利用低代码技术平台的优势和特点,可以将企业内部的数据资源真正利用起来,帮助更多领域的客户朋友做出更有竞争优势的经营决策,实现数字化转型和流程化办公。什么是表单控件拖拽平台?要了解这个问题就需要了解低代码......
  • Common Certificate Formats
    为什么会有那么多种类的证书?一般而言,不同后缀的证书代表不同的编码、解码规则。要么是不同功能场景,要么是同一个功能只是不同厂商的不同风格罢了。不一一记录了,用到在查吧。Reference数字证书常见格式整理https://blog.csdn.net/zhulianhai0927/article/details/106452521......
  • java.net.ConnectException: Connection refused: no further information
    java.net.ConnectException:Connectionrefused:nofurtherinformation atsun.nio.ch.SocketChannelImpl.checkConnect(NativeMethod)~[na:1.8.0_91] atsun.nio.ch.SocketChannelImpl.finishConnect(SocketChannelImpl.java:717)~[na:1.8.0_91] atio.netty.channe......
  • Social Infrastructure Information Systems Division, Hitachi Programming Contest
    A-HitachiString满足条件的串即为串长为偶数且相邻两个均为为hi,直接判断即可。代码:#include<iostream>#include<cstdio>#include<cstring>usingnamespacestd;constintN=15;intn;chars[N];intmain(){ scanf("%s",s+1); n=strlen(s+1); if(n&1) ......