首页 > 其他分享 >HTML表单

HTML表单

时间:2024-04-03 22:31:34浏览次数:20  
标签:控件 请求 button 表单 HTML 提交 按钮

HTML表单

文字字段

<form name="formBox" method="post" action="">
  姓名:<input type="text" name="name" size="20" /><br />
  年龄:<input type="text" name="age" size="40" value="10" maxlength="3" />
</form>

密码输入框

<input type="password" name="pwd" />

单选按钮

<form name="formBox" method="post" action="">
  <input type="radio" name="sex" value="male" checked />男<br />
  <input type="radio" name="sex" value="female" />女
</form>

复选框

<form name="formBox" method="post" action="">
  <input type="checkbox" name="music" checked />音乐<br />
  <input type="checkbox" name="art" />美术<br />
  <input type="checkbox" name="math" />数学<br />
</form>

提交按钮

<form name="formBox" method="post" action="">
  <input type="text" value="输入的内容" />
  <button type="submit">This a submit button</button>

  <!--or-->

  <input type="submit" value="This is a submit button" />
</form>

重置按钮

<form name="formBox" method="post" action="">
  <input type="text" />
  <button type="reset">This a reset button</button>

  <!--or-->

  <input type="reset" value="This is a reset button" />
</form>

匿名按钮

<button type="button">This a anonymous button</button>

<!--or-->
<button>This a anonymous button</button>

<!--or-->
<input type="button" value="This is a anonymous button" />

代码总结:
form:用于创建供用户输入的HTML表单
name:用于定义控件的名称,多个控件可以使用同一个名称
formBox:自己设置的表单名称,可以任意更改
method:指定表单的提交方式,提交方式分为两种:get和post。它们的区别为:
get:1. 请求参数会在地址栏中显示。会封装到请求行中(HTTP协议后讲解)。 2. 请求参数大小是有限制的。 3. 不太安全。
post: 1 . 请求参数不会再地址栏中显示。会封装在请求体中(HTTP协议后讲解) 2. 请求参数的大小没有限制。 3. 较为安全。
action:规定当提交表单时,向何处发送表单数据
input:规定用户可以在其中输入数据的输入字段
type:用来定义输入的元素的类型,如:text(文本)、password(密码)、radio(单选按钮)、checkbox(复选框)、submit(表单提交)、reset(重置表单中输入的值)、button(按钮)等
value:定义控件的内容值
size:定义input元素的宽度
maxlength:元素中允许的最大字符数

标签:控件,请求,button,表单,HTML,提交,按钮
From: https://blog.csdn.net/weixin_54018753/article/details/137346598

相关文章

  • HTML期末大作业~海贼王6页~Web大学生网页成品-s016
    HTML期末大作业~学生HTML个人网页作业作品下载个人主页博客网页设计制作大学生个人网站作业模板简单个人网页制作,HTML网页设计结课作业http://imianba.cn/#/articles?category=1&theme=0这段代码是HTML代码,它定义了一个名为“海贼王”的网站的结构。它包含一个头部(h......
  • 如何将之前编辑的文章HTML源代码导入到TinyMCE编辑器中
    如何将之前编辑的文章HTML源代码导入到TinyMCE编辑器中 如果你想用TinyMCE来修改你之前写的文章那么你需要将源代码放到TinyMCE中,如果服务器把HTML源码发给我们可是我们应该怎样调用?方法为使用 tinymce.activeEditor.setContent()这个函数具体用法为:tinymce.activeEdito......
  • 提升办公效率,一起了解流程自定义表单优势
    提高办公效率,可以一起了解低代码技术平台。对于很多中小型企业而言,低代码技术平台及流程自定义表单优势突出,是助力企业实现流程化办公,实现数字化转型的得力助手。流辰信息是专业研发开发平台、数据治理、数据分析等产品的服务商,是众多客户理想的合作伙伴。一起来了解低代码技术平......
  • 56.html+css网页设计实例/“家乡”主题上海介绍/web前端期末大作业/
    一、前言  本实例以上海为主题设计,div+css布局,页面简单大气,代码精简,供大家参考。【关注作者|获取更多源码(2000+个Web案例源码)|优质文章】;您的支持是我创作的动力!【点赞收藏博文】,Web开发、课程设计、毕业设计有兴趣的联系我交流分享,3Q!二、网页文件三、网页效果以下......
  • HTML代码加固:保障网站安全
    引言HTML是网站开发的基础语言,它的安全性直接关系到网站的安全性。为了保障网站的安全性,我们需要加固HTML代码。本文将介绍一些具体方法,帮助你加固HTML代码,提高网站的安全性。摘要本文将介绍以下几种方法来加固HTML代码以保障网站的安全性:移除不必要的注释、过滤输入内容......
  • 加固HTML大作战:网站安全性提升方案解读
    引言HTML是网站开发的基础语言,它的安全性直接关系到网站的安全性。为了保障网站的安全性,我们需要加固HTML代码。本文将介绍一些具体方法,帮助你加固HTML代码,提高网站的安全性。摘要本文将介绍以下几种方法来加固HTML代码以保障网站的安全性:移除不必要的注释、过滤输入内容......
  • [HTML、CSS]知识点
    【版权声明】未经博主同意,谢绝转载!(请尊重原创,博主保留追究权)https://www.cnblogs.com/cnb-yuchen/p/18032061出自【进步*于辰的博客】注:本文中“子级”指子级盒子或子级标签;“逻辑位置”指根据理论推断的所在位置,“实际位置”指实际显示的所在位置。目录1、其他知识点链接......
  • 界面组件DevExpress WinForms v23.2 - 进一步增强HTML & CSS支持
    DevExpressWinForms拥有180+组件和UI库,能为WindowsForms平台创建具有影响力的业务解决方案。DevExpressWinForms能完美构建流畅、美观且易于使用的应用程序,无论是Office风格的界面,还是分析处理大批量的业务数据,它都能轻松胜任!DevExpressWinForms控件日前正式发布了v23.2,此......
  • iNeuOS工业互联网操作系统,“低代码”表单开发应用过程(一)
     iNeuOS工业互联网操作系统,“低代码”表单开发应用过程(一) 目      录1.     概述...22.     “低代码”表单开发应用过程...21.  概述    iNeuOS工业互联网操作系统“表单设计”功能经过升级后,能够适用于更多应用场景,从业务上来讲可以扩展设......
  • 金蝶云星空表单插件:操作子单据体的删除触发父单据体的字段重算
    文章目录金蝶云星空表单插件:操作子单据体的删除触发父单据体的字段重算金蝶云星空表单插件:操作子单据体的删除触发父单据体的字段重算publicoverridevoidAfterDeleteRow(AfterDeleteRowEventArgse){base.AfterDeleteRow(e);if(e.EntityKey.Equals(as......