html表单
表单在网页中主要负责数据采集功能,一个表单有三个基本组成部分:
- 表单标签:这里包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法
- 表单域:包含了文本框、密码框、隐藏框、多行文本框、复选框、单选框、下拉选择框和文件上传框。
- 表单按钮:包括提交按钮、复位按钮和一般按钮;用于将数据传送到服务器上的CGI脚本或者取消输入,还可以用表单按钮来控制其他定义了脚本的工作。
- 语法:
<form name="form_name" methopd="get/post" action="url"></form>
- name:定义表单的名字
- method:定义表单结果从浏览器传送到服务器的方式,默认参数为:get,post安全性更高,因此常用作传输密码等,而get安全性较低,一般用于查询数据。
- action:用来指定表单处理程序的位置(服务器端脚本处理程序)。
<form>元素定义了如何发送数据。它的所有属性是对用户单机提交按钮时所发送的请求进行了配置。两个与之相关的属性是action和method.
- action属性:定义了发送数据要去的地址。它的值必须是一个有效的URL,可以是相对URL也可以是绝对URL。如果没有提供此属性或者action="#",则数据将会被发送到包含表单的页面的URL.
- 语法:
将数据发送到一个绝对URL: <form action="https://www.shiyanlou.com/"> 将数据发送到一个相对URL: <form action="/somewhere_else"> 数据被发送到表单出现的相同页面上 <form action="#">
- method属性:定义如何发送数据。HTML表单数据可以通过许多不同的数据传输,其中最常见的是GET方法和POST方法。
- get方法:浏览器会将数据直接附在表单的action URL之后。这两者之间用问好进行隔离。
- post方法:首先浏览器将与action属性值顶的表单处理服务器建立联系,一旦建立联系后,浏览器就会按分段传输的方法将数据发送给服务器。在服务器端,一旦post样式的应用程序开始执行时,就应该从一个标志位置读取参数,而一旦读到参数,在应用程序能够使用这些表单值以前,必须对这些参数进行解码。用户特定的服务器会明确指定应用程序应该如何接收这些参数。
- 注:使用get请求用户将在他们的URL栏中看到的数据,但是使用post请求用户将不会看到。因此一般get用于查询数据,post用于传输密码等。
强制条目的长度:所有文本框<input>或<textarea>可以强制使用minelength和maxlength属性。如果值小于该字段minelength的值或大于maxlength值则无效。
<fieldset>元素组合表单中的相关数据,<legend>元素为<fieldset>元素定义标题。
label元素
- 为input元素进行标注,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。<label>标签的for属性应当与相关元素的id属性相同,使得<label>标签与<input>正确相关联。
学以致用,知行合一
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· 百万级群聊的设计实践
· 永远不要相信用户的输入:从 SQL 注入攻防看输入验证的重要性
· 全网最简单!3分钟用满血DeepSeek R1开发一款AI智能客服,零代码轻松接入微信、公众号、小程
· .NET 10 首个预览版发布,跨平台开发与性能全面提升
· 《HelloGitHub》第 107 期