`
javababy1
  • 浏览: 1219716 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

HTML5 中input的新属性

 
阅读更多

new : HTML5 中的新属性。

属性 值 描述
accept list_of_mime_types

规定可通过文件上传控件提交的文件类型。

(仅适用于 type="file")

alt text

规定图像输入控件的替代文本。

(仅适用于 type="image")

autocomplete
  • on
  • off
规定其否使用输入字段的自动完成功能。
autofocus autofocus

规定输入字段在页面加载时是否获得焦点。

(不适用于 type="hidden")

checked checked

规定当页面加载时是否预先选择该 input 元素。

(适用于 type="checkbox" 或 type="radio")

disabled disabled

规定当页面加载时是否禁用该 input 元素。

(不适用于 type="hidden")

form formname 规定输入字段所属的一个或多个表单。
formaction URL

覆盖表单的 action 属性。

(适用于 type="submit" 和 type="image")

formenctype 见注释

覆盖表单的 enctype 属性。

(适用于 type="submit" 和 type="image")

formmethod
  • get
  • post

覆盖表单的 method 属性。

(适用于 type="submit" 和 type="image")

formnovalidate formnovalidate

覆盖表单的 novalidate 属性。

如果使用该属性,则提交表单时不进行验证。

formtarget
  • _blank
  • _self
  • _parent
  • _top
  • framename

覆盖表单的 target 属性。

(适用于 type="submit" 和 type="image")

height
  • pixels
  • %
定义 input 字段的高度。(适用于 type="image")
list datalist-id 引用包含输入字段的预定义选项的 datalist 。
max
  • number
  • date

规定输入字段的最大值。

请与 "min" 属性配合使用,来创建合法值的范围。

maxlength number 规定文本字段中允许的最大字符数。
min
  • number
  • date

规定输入字段的最小值。

请与 "max" 属性配合使用,来创建合法值的范围。

multiple multiple 如果使用该属性,则允许一个以上的值。
name field_name

规定 input 元素的名称。

name 属性用于在提交表单时搜集字段的值。

pattern regexp_pattern

规定输入字段的值的模式或格式。

例如 pattern="[0-9]" 表示输入值必须是 0 与 9 之间的数字。

placeholder text 规定帮助用户填写输入字段的提示。
readonly readonly 指示字段的值无法修改。
required required 指示输入字段的值是必需的。
size number_of_char 规定输入字段中的可见字符数。
src URL 规定图像的 URL。(适用于 type="image")
step number 规定输入字的的合法数字间隔。
type
  • button
  • checkbox
  • date
  • datetime
  • datetime-local
  • email
  • file
  • hidden
  • image
  • month
  • number
  • password
  • radio
  • range
  • reset
  • submit
  • text
  • time
  • url
  • week
规定 input 元素的类型。
value value

对于按钮:规定按钮上的文本

对于图像按钮:传递到脚本的字段的符号结果

对于复选框和单选按钮:定义 input 元素被点击时的结果。

对于隐藏、密码和文本字段:规定元素的默认值。

注释:不能与 type="file" 一同使用。

注释:对于 type="checkbox" 以及 type="radio",是必需的。

width
  • pixels
  • %
定义 input 字段的宽度。(适用于 type="image")
分享到:
评论

相关推荐

    HTML5&CSS3网页制作:Input元素的其他属性.pptx

    在HTML5中,Input元素扮演着至关重要的角色,它用于创建各种类型的表单控件,如文本输入框、密码框、按钮等。本篇主要讲解Input元素的一些重要属性及其用途。 1. autofocus属性: autofocus属性允许页面加载后自动...

    html5-input样式

    在HTML5中,`input`元素有了许多新的特性和改进,为开发者提供了更多的设计灵活性和用户体验优化的机会。本篇文章将深入探讨HTML5 `input`样式的相关知识点,以及如何利用这些特性创建出超棒的输入框UI设计概念和...

    HTML5&CSS3网页制作:Input元素的type属性.pptx

    在HTML5中,`<input>`元素的`type`属性是一个非常重要的特性,它决定了输入框的功能和样式。通过设置不同的`type`属性值,我们可以创建各种类型的输入控件,以满足网页表单设计的需求。 1. **普通文本框(text)** ...

    HTML5表单中新增的input属性1.pdf

    本文档主要关注HTML5中新增的三个input属性:autocomplete、autofocus和form。 1. **autocomplete属性**: autocomplete属性允许开发者控制表单字段是否启用浏览器的自动填充功能。这个属性可以设置为"on"、"off...

    HTML5(软件品牌)-1期 13 教学课件_单元5_HTML5的input属性.pdf

    在HTML5中,input元素不仅新增了多种输入类型,还增加了一些属性,以提供更丰富的功能和更好的用户体验。 1. autocomplete属性: autocomplete属性用于控制表单或输入字段的自动填充功能。当设置为"on"时,浏览器...

    HTML5表单中新增的input属性3.pdf

    HTML5为表单带来了许多增强的功能,其中关键的一环是新增的input属性。这些属性使得表单输入更加灵活,提供了更好的用户体验和数据验证。以下是四个主要的新增属性的详细说明: 1. **multiple** 属性: 在HTML5...

    HTML5表单中新增的input属性2案例.pdf

    HTML5在表单元素中引入了多个新的input属性,这些属性极大地增强了表单的功能和用户体验。以下是基于案例的三个关键属性的详细说明: 1. **image类型input的height和width属性** 在HTML5中,`<input type="image">...

    HTML5 INPUT文本框点击高亮特效.rar

    在HTML5中,`<input>`元素有多种类型,如text、password、email、date等,用于不同的数据输入需求。在这个特效中,我们主要关注`type="text"`,这是最常见的文本输入框。 接下来,CSS3的引入使得我们可以对这些HTML...

    HTML5表单中新增的input属性1案例.pdf

    HTML5在表单功能上做了许多增强,引入了一系列新的input属性来提高用户体验和表单的交互性。这里我们将深入探讨三个关键的新属性:autocomplete、autofocus和form,通过案例来理解它们的作用。 1. autocomplete属性...

    HTML5表单中新增的input属性2.pdf

    HTML5在表单功能上做了重大扩展,引入了一系列新的`input`属性,使得表单控件的使用更加灵活,提供了更强大的数据验证和用户体验。在本文档中,主要介绍了几个关键的新属性,包括`formaction`、`height`、`width`、`...

    html5中的input新属性range使用记录

    感慨归感慨,当前的工作要完成,记录一个html5中的input新属性,range。发现这个属性是在一个网站的调色器中,感觉确实比较形象化,好看,就记录下了:  复制代码代码如下:<input type=”range” min=”0″ max=...

    HTML5表单中新增的input输入类型3.pdf

    HTML5为表单引入了多种新的`input`输入类型,旨在提高用户体验和数据验证的效率。这些新类型包括`search`、`tel`和`color`,它们各自有特定的用途和功能。 1. **search类型**: `search`类型的`input`元素主要用于...

    HTML5-input表单控件调用代码_html5_表单_input_代码_控件_

    HTML5的`input`标签是构建交互式表单的关键,提供了更多的类型、属性和事件,让开发者可以创建更加丰富和功能强大的用户界面。 一、`input`标签基础 `input`标签在HTML中用于创建各种形式的用户输入控件。基本语法...

    input 标签的属性

    ### Input 标签的属性详解 #### 一、概述 在HTML中,`<input>`标签是最常用的表单元素之一,用于收集用户输入的数据。它通过`type`属性定义了不同的输入控件类型,比如文本框、密码框、按钮等。本文将详细介绍`...

    应用HTML5表单属性实现多文件上传

    在 HTML5 中,我们只需在 input 里写上 multiple 属性就可以了。例如:<input type="file" multiple> 2. Required 属性 Required 属性可以实现不能为空的文件上传功能。在 file input 里加上这个单词后,你就无法...

    1HTML5表单属性

    #### 三、新的input属性 ##### 1. **autocomplete** **定义与用法**: - 此属性与前述 `<form>` 中的 `autocomplete` 类似,但仅应用于 `<input>` 元素。 - 可以通过设置为 "on" 或 "off" 来控制是否启用自动补全...

    HTML5中对title属性的定义与规定

    ### HTML5中对title属性的定义与规定 #### 概述 在HTML5中,`title`属性是一种非常实用的功能,它可以为网页中的各种元素添加额外的信息或描述。需要注意的是,这里的`title`属性并不等同于用于定义文档标题的`...

    HTML input type=file文件选择表单元素.docx

    随着 HTML5 的出现,原生的 file input 表单元素迎来了新的升级。HTML5 中的 input type=file 元素支持多图上传、上传前预览、二进制上传等功能,取代了 swfupload.js 的作用。现在,很流行的一种处理方式,就是 ...

    Input XSS最新漏洞及利用

    Input XSS,全称为Input-Based Cross-Site Scripting,是一种常见的Web安全漏洞,允许攻击者通过在输入字段中注入恶意脚本来操纵用户浏览器的行为。这种漏洞通常发生在网站未能正确过滤或转义用户提供的数据,导致...

    html5 input属性使用示例

    在这篇文章中,作者介绍了HTML5中input元素的属性使用示例。input元素是HTML表单的核心组件之一,用于搜集用户的输入数据。HTML5为input元素添加了多种新的属性,这些属性能够帮助开发者创建更加丰富和功能强大的...

Global site tag (gtag.js) - Google Analytics