码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-11-05 23:42:47      阅读:954      评论:0      收藏:0      [点我收藏+]

标签:重置   组成   部分   复位   html 表单   mail   功能   字段   基本   

 

1.定义和用法

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

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

表单还可以包含 menustextareafieldsetlegendlabel 元素

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

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

2.form表单的作用

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

3.form语法格式分为两种

通用格式:技术分享图片

不通用格式:

技术分享图片

4.表单中的类型

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

代码截图如下:

技术分享图片

技术分享图片

技术分享图片

技术分享图片

 

 

 

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

标签:重置   组成   部分   复位   html 表单   mail   功能   字段   基本   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!