美文网首页
HTML 表单元素

HTML 表单元素

作者: 疏疏星影 | 来源:发表于2017-11-24 14:48 被阅读15次

<input>元素

最重要的表单元素是<input>元素。

<input>元素根据不同的type属性,可以变化为多种形态。

<select>元素(下拉列表)

<select>元素定义下拉列表

实例:

运行效果:

<option>元素定义待选择的选项。

列表通常会把首个选项显示为被选选项。

您能够通过添加selected属性来定义预定义选项。

实例:

运行效果:

<textarea>元素

<textarea>元素定义多行输入字段(文本域)

<button>元素

<button>元素定义可点击的按钮

实例:

运行效果:

HTML5 表单元素

HMTL5增加了如下表单元素

1.<datalist>

2.<keygen>

3.<output>

注释:默认地,浏览器不会显示未知元素。新元素不会破坏您的页面

HMTL5<datalist>元素

<datalist>元素为<input>元素规定预定义选项列表。

用户会在他们输入数据时看到预定义选项的下拉列表。

<input>元素的list属性必须引用<datalist>元素的id属性。

实例:

运行效果:

输入类型:number

<input type="number">用于应该包含数字值的输入字段。

您能够对数字做出限制。

根据浏览器支持,限制可应用到的输入字段。


输入限制:


相关文章

  • 简单介绍 HTML 表单的用法

    HTML 表单用于收集用户输入, 元素定义 HTML 表单。HTML 表单包含表单元素,表单元素指的是不同类型的...

  • HTML表单的简单用法

    HTML表单的简单用法:HTML表单用于搜集不同类型的用户输入。 元素定义HTML表单。HTML表单包含表单元素。...

  • HTML表单的用法

    html表单用于搜集不同类型的用户输入。

    元素 form元素定义html表单 HTML 表单包含表单元...

  • HTML表单的用法

    一、表单简介 form 元素定义 HTML 表单,HTML 表单用于收集用户输入。其它表单元素应被 元素包裹,以便...

  • 前端笔记--HTML-3

    html表单: 元素 HTML 表单( 元素)用于收集用户输入。表单元素指的是不同类型的 inpu...

  • HTML 表单的用法

    HTML 表单用于搜集不同类型的用户输入 元素定义 HTML 表单: 所有属性如下 HTML 表单包含表单元素表...

  • HTML 表单

    HTML表单用于搜集不同类型的用户输入。 元素 HTML表单用于搜集用户输入。 元素定义HTML表单 ...

  • 表单

    HTML 表单用于搜集不同类型的用户输入 元素HTML 表单用于收集用户输入 元素定义 HTML 表单: 实例 ...

  • HTML 表单

    HTML表单用于搜集不同类型的用户输入。 元素 HTML表单用于收集用户输入。 元素定义HTML表单:...

  • HTML 表单的用法

    概念 HTML 表单用于搜集不同类型的用户输入。 HTML 表单元素 ** 元素**最重要的表单元素是 元...

网友评论

      本文标题:HTML 表单元素

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