码迷,mamicode.com
首页 > Web开发 > 详细

HTML表单

时间:2020-07-26 19:11:28      阅读:87      评论:0      收藏:0      [点我收藏+]

标签:radio   submit   字符   单元素   数字   只读   ima   col   oval   

表单标签

<form>
<fieldset>组合表单数据 ---[可以为表单加一个框]
  <legend> 元素为 <fieldset> 元素定义标题
---

表单属性(9个)

Action :规定提交表单时,向何处发送数据
Method :规定提交表单所使用的HTTP方法(GET或POST)
何时使用 GET?
  如果表单提交是被动的(比如搜索引擎查询),并且没有敏感信息
  GET 最适合少量数据的提交。浏览器会设定容量限制
  使用GET时 :表单数据在页面地址栏中是可见的
何时使用 POST?
  如果表单正在更新数据,或者包含敏感信息(例如密码)
  使用POST时 :表单数据在页面地址栏中是可见的
  Name :规定识别表单的名称(对于DOM使用document.forms.name)---【如果要正确被提交,每个输入字段必须设置一个name属性】
accept-charset :规定在提交表单中所使用的字符集(默认:页面字符集)
enctype :规定被提交数据的编码(默认:url-encoded)
target :规定 action 属性中地址的目标(默认:_self)
autocomplete :规定表单或输入字段是否应该自动完成(默认:开启)【当自动完成开启,浏览器会基于用户之前的输入值自动填写值】
novalidate :规定浏览器不验证表单【如果设置,则 novalidate 规定在提交表单时不对表单数据进行验证】

表单元素(5个)

 <input> :定义输入控件(根据不同的type值)
<select> :定义下拉列表
<option> :定义下拉列表的列表项列表(通常会把首个选项显示为被选选项。通过selected属性来定义预定义选项)
<textarea> :定义多行输入文本
<button> :定义【可点击的按钮】

--- #

<input>元素
type属性-输入类型 :(6个)
  button   :定义按钮
  text     :定义供文本输入的【单行文本输入字段】。---(默认宽度为20)
  password :定义【密码字段】。---(password 字段中的字符会被做掩码处理(显示为星号或实心圆))
  submit   :定义提交表单数据至表单处理程序的【提交按钮】
  radio    :定义【单选按钮】。---(若要实现单选,必须使得name属性值相同)
  CheckBox :定义【复选框】
H5中新增的-输入类型 :(13个)
  number :用于应该包含数字值的输入字段【能够对数字做出限制】

  date :用于应该包含日期的输入字段。根据浏览器支持,日期选择器会出现输入字段中
  color :用于应该包含颜色的输入字段。根据浏览器支持,颜色选择器会出现输入字段中
  range :用于应该包含一定范围内的值的输入字段。根据浏览器支持,输入字段能够显示为滑块控件

  month :允许用户选择月份和年份。根据浏览器支持,日期选择器会出现输入字段中
  week  :允许用户选择周和年。根据浏览器支持,日期选择器会出现输入字段中
  time :允许用户选择时间(无时区)。根据浏览器支持,时间选择器会出现输入字段中
  datetime :允许用户选择日期和时间(有时区)。根据浏览器支持,日期选择器会出现输入字段中
  datetime-local :允许用户选择日期和时间(无时区)。根据浏览器支持,日期选择器会出现输入字段中
  email :用于应该包含电子邮件地址的输入字段。根据浏览器支持,能够在被提交时自动对电子邮件地址进行验证

  search :用于搜索字段(搜索字段的表现类似常规文本字段)
  tel :用于应该包含电话号码的输入字段。目前只有 Safari 8 支持 tel 类型
  URL :用于应该包含 URL 地址的输入字段。根据浏览器支持,在提交时能够自动验证 url 字段
      value :规定输入字段的【初始值】
  readonly :规定输入字段为【只读(不能修改)】。---(readonly 属性不需要值。它等同于 readonly="readonly")
  disabled :规定输入字段是【禁用的】。---(被禁用的元素是不可用和不可点击的),被禁用的元素不会被提交)
   size :规定输入框的【长度】。(以字符计)
  maxlength :规定输入字段允许的【最大长度】
H5中新增的一些属性 :
  autofocus :是布尔属性。【如果设置,则规定当页面加载时 <input> 元素应该自动获得焦点】
   form :规定 <input> 元素所属的一个或多个表单。【输入字段位于 HTML 表单之外(但仍属表单)】---(如需引用一个以上的表单,请使用空格分隔的表单 id 列表)
   multiple :是布尔属性。如果设置,则规定允许用户在 <input> 元素中输入一个以上的值。【适用于以下输入类型:email 和 file实现多个文件上传】
placeholder :规定用以描述输入字段预期值的提示(样本值或有关格式的简短描述)。【该提示会在用户输入值之前显示在输入字段中。】
   required :是布尔属性。如果设置,则规定在提交表单之前必须填写输入字段
   list :引用的 <datalist> 元素中包含了 <input> 元素的预定义选项。【使用 <datalist> 设置预定义值的 <input> 元素】
   pattern :规定用于检查 <input> 元素值的正则表达式。
   step :规定 <input> 元素的合法数字间隔 【示例:如果 step="3",则合法数字应该是 -3、0、3、6、等等】
  height 和 width 属性 :规定 <input> 元素的高度和宽度。【height 和 width 属性仅用于 <input type="image">】
form…… 【属于同一类型,会覆盖form原有的属性】
   formaction :规定当提交表单时处理该输入控件的文件的 URL。
   formenctype :规定当把表单数据(form-data)提交至服务器时如何对其进行编码(仅针对 method="post" 的表单)
   formmethod :定义用以向 action URL 发送表单数据(form-data)的 HTTP 方法
 formnovalidate :是布尔属性。如果设置,则规定在提交表单时不对 <input> 元素进行验证。
   formtarget :规定的名称或关键词指示提交表单后在何处显示接收到的响应
输入类型限制属性 :
  max :规定输入字段的【最大值】
  mix :规定输入字段的【最小值】

  maxlength :规定输入字段的【最大字符数】
  disable :规定输入字段应该被禁用
  readonly :规定输入字段为【只读(不可修改)】
  required :规定输入字段【必须填写】

  size :规定输入字段的【宽度(以字符计)】
  step :规定输入字段的【合法输入间隔】
  value :规定输入字段的【默认值】
  pattern :规定通过其检查输入值的正则表达式
---
---

 

HTML表单

标签:radio   submit   字符   单元素   数字   只读   ima   col   oval   

原文地址:https://www.cnblogs.com/qingying-wh/p/13380186.html

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