美文网首页HTML5
HTML5(二):表单

HTML5(二):表单

作者: wsgdiv | 来源:发表于2020-11-29 18:40 被阅读0次

表单的形式有:提交image、只提交文字(textarea)、账号密码登录类型、复选框、

先说一个便捷向input输入的标签:

'''

<form id="test">

<input type="text">

</form>

'''

那么下面的代码放在页面的哪里就都可以了。

'''

<textarea form="test"></textarea>

'''


1、提交image

新增height、width指定高宽

2、只提交文字(textarea)

新增maxlength(长度)、wrap(软硬加换行标志)

3、账号密码登录类型

首先,将“账号:”与 input 关联起来,用 label(for=id),H5并提供 labels 属性,将该元素过构成一个集合,可用来调用方法。访问 input 里面的内容用 control 属性,需要用 autofocus 获焦,placeholder 提示输入(请输入账号)。


下拉列表:list、datalist、autocomplete(是否显式指定候补输入的数据列表)

'''

text:<input type="text" name="test" list="tests">

<datalist id="tests" style="display:none;">

<option value="1">1</option>

<option value="2">2</option>

<option value="3">3</option>

</datalist>

'''


提交部分:

多个input列表,可分别确定提交到不同的页面(formaction)、不同的提交方法(formmethod)、对表单内数据进行不同方式的编码(formen从type)、以不同方式打开表单提交后所加载的页面(formtarget:_blank/_self/_parent/_top/framename)


验证:

required(空白不允许提交)、pattern(正则验证)

种类简单验证:search、tel、url、email、date/month/week/time/datetime-local、number、range、color

取消验证:novalidate/formnovalidate

4、复选框

indeterminate——未明确选取

相关文章

  • HTML5表单新验证属性、状态

    HTML5 - 表单新验证属性 HTML5 - 表单新验证状态

  • h5表单

    html5 表单 新增input类型 新增表单元素 html5表单验证 新增表单属性 新增的input类型 inp...

  • HTML5 表单

    @(HTML5)[HTML5表单] [TOC] 七、HTML5表单 新的输入型控件 email:电子邮件 tel:...

  • HTML5详解

    01-HTML5新增语义化标签 HTML5语义化标签的兼容 HTML5新增表单控件和表单属性 HTML5表单验证反...

  • HTML5 表单元素

    HTML5 新的表单元素HTML5有以下新的表单元素 ?:不是所有的浏览器都支持HTML5新的表单元素,但是你...

  • 今日学思

    一、 HTML5介绍 二、 HTML5新表单 input新类型email:验证是否包含@search:搜索框url...

  • HTML5表单的创建;学习笔记(三)

    HTML5表单的创建

  • HTML5 表单元素

    HTML5 的新的表单元素: HTML5 拥有若干涉及表单的元素和属性。 本章介绍以下新的表单元素: datali...

  • 响应式布局和CSS3动画

    HTML5 表单类 inputtextpasswordradiocheckboxnumbertelsubmit 提...

  • 2019-10-18 HTML

    1.html新表单元素 HTML5 表单元素 HTML5 增加了如下表单元素: 注释:默认地,浏览器不会显示未知元...

网友评论

    本文标题:HTML5(二):表单

    本文链接:https://www.haomeiwen.com/subject/cipkwktx.html