<form>(表单)标签和常用的类型

1.定义和用法

<form> 标签用于为用户输入创建 HTML 表单。

表单能够包含 input 元素,比如文本字段、复选框、单选框、提交按钮等等。

表单还可以包含 menustextareafieldsetlegendlabel 元素

表单用于向服务器传输数据。

注释:form 元素是块级元素,其前后会产生折行。

2.form表单的作用

表单在网页中主要负责数据采集功能,也就是和里面包含的数据将被提交到服务器或者电子邮件里。
一个表单有三个基本组成部分:
表单标签:这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。
表单域:包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。
表单按钮:包括提交按钮、复位按钮和一般按钮。

3.form语法格式分为两种

通用格式:

不通用格式:

4.表单中的类型

文本类型
  文本框   密码框   隐藏域   多行文本框
选择类型
  单选 多选   下拉特殊类型
按钮类型
  普通按钮   提交按钮(可以用作图片)   重置按钮
其他类型
  上传文件(file)   选择日期(date)   邮箱(email)   链接(url)   颜色(color)   范围(range)

代码截图如下:

原文地址:https://www.cnblogs.com/lsqbk/p/9912155.html

时间: 2024-10-09 04:36:00

<form>(表单)标签和常用的类型的相关文章

SpringMVC&lt;from:form&gt;表单标签和&lt;input&gt;表单标签简介 转http://blog.csdn.net/hp_yangpeng/article/details/51906654

SpringMVC<from:form>表单标签和<input>表单标签简介 在使用SpringMVC的时候我们可以使用spring封装的一系列表单标签,这些标签都可以访问到ModelMap中的内容.下面将对这些标签一一介绍. 在正式介绍SpringMVC的表单标签之前,我们需要先在JSP中声明使用的标签,具体做法是在JSP文件的顶部加入以下指令: Jsp代码 <%@taglib uri="http://www.springframework.org/tags/fo

form表单标签及属性的介绍

版权声明:本文为博主原创文章,未经博主允许不得转载. 一. 表单标签 <form></form> 常用属性 Action 跳转到什么页面 Method  以什么模式提交 Get Url有长度限制 IE6.0 url 最大长度 2083个字符 超过无法提交 IE7.0 最大长度 2083个字符 超过最大长度仍然可以提交但是只能提交2083个字符 Opera 9.52 最大长度7648个字符 超过最大长度无法提交 所有提交内容会显示到地址栏位置 很不安全 a标签的跳转方式也是get方式

form表单标签的enctype属性的作用

Enctype是指定将数据回发到服务器时浏览器使用的编码类型,其编码类型有以下三种 一. application/x-www-form-urlencoded 这是通过表单发送数据时默认的编码类型.我们没有在from标签中设置enctype属性时默认就是application/x-www-form-urlencoded类型的.application/x-www-form-urlencoded编码类型会把表单中发送的数据编码为名称/值对.这是标准的编码格式.当表单的ACTION为POST的时候,浏览

HTML table、form表单标签的介绍

本篇主要介绍 table.form标签以及表单提交方式. 目录 1. <table> 标签:在HTML 中定义表格布局. 2. <form> 标签:用于创建 HTML 表单. 3. 表单提交方式:介绍get.post方法. 1. <table> 标签 1.1 说明 在HTML 中定义表格布局. 1.2格式 <table> <caption></caption> <tr> <th></th></

form表单标签(非常重要,必须掌握)

表单标签:form(非常重要,必须掌握) form标签用于获取用户跟浏览器交互(包含输入,选择,上传文件等操作)的数据,并将数据打包发给服务端 属性 action:控制数据的提交路径 action="":默认向当前页面所在的地址提交数据 action="全路径":向当前的绝对路径的地址提交数据 action="/index/":后缀文件,将该后缀跟当前页面的地址进行拼接,并将数据提交到这个页面中 method:控制数据的提交方式(也就是请求首行中

Form表单标签的Enctype属性的作用及应用示例介绍

Enctype :指定将数据回发到服务器时浏览器使用的编码类型.用于表单里有图片上传. 编码类型有以下三种: application/x-www-form-urlencoded: 在发送前编码所有字符(默认).这是标准的编码格式. multipart/form-data: 不对字符编码,在使用包含文件上传控件的表单时,必须使用该值. text/plain: 窗体数据以纯文本形式进行编码,其中不含任何控件或格式字符. 例子: <form action="${pageContext.reque

Html辅助方法 之 Form表单标签

一.Html.BeginForm <form>标签 //视图代码 @using (Html.BeginForm("search", "home", FormMethod.Get),new { target="_black",@class="form1" }) { <input type="text" value="" /> } //生成的HTML代码 <fo

Struts2中UI标签之表单标签介绍

1.在Struts2中UI标签的表单标签分为两种:form标签本身和单个表单标签. 2.Struts2表单标签包括:form.textfield.password.radio.checkbox.checkboxlist.select.doubleselect.combobox.optiontransferselect.optgroup.updownselect.textarea.hidden.file.label.submit.token.head.datepicker.reset.richte

08表单标签

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <!--解决乱码 ,告诉浏览器文档类型和编码 5 http-equiv:描述当前网页内容类型 6 context:使用的是html的文本 7 charset:使用的编码是UTF-8,解码也使用UTF-8 8 --> 9 <meta http-equiv="Content-Type" content="text/html" charset=

form表单序列化为Jquery对象

1 <form id="DailyFinancial" > @*class="form-inline"*@ 2 <div class="form-group"> 3 <label for="FinancialType">记账类型</label> 4 <select class="form-control" id="FinancialType&q