美文网首页
HTML表单的简单介绍

HTML表单的简单介绍

作者: 饥人谷_tonya | 来源:发表于2017-02-27 15:40 被阅读0次

HTML表单是什么?

HTML 表单是用于搜集不同类型的用户输入
表单是一个包含表单元素的区域。表单元素是允许用户在表单中输入内容,比如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。

表单使用表单标签 <form> 来设置:

<form>
.
input 元素
.
</form>

HTML表单的输入元素

元素 元素定义
<select> 元素定义下拉列表
<option> 元素定义待选择的选项
<textarea> 元素定义多行输入字段(文本域)
<button> 元素定义可点击的按钮
<datalist> 元素为 <input> 元素规定预定义选项列表

HTML 输入类型

输入类型 说明
text 文本输入的单行输入字段
password 密码字段
submit 提交表单数据至表单处理程序的按钮
radio 单选按钮
checkbox 复选框
botton 按钮
number 包含数字值的输入字段
date 包含日期的输入字段
color 包含颜色的输入字段
range 包含颜色的输入字段
mouth 允许用户选择月份和年份
week 允许用户选择周和年
time 允许用户选择时间(无时区)
datetime 允许用户选择日期和时间(有时区)
datatime-local 允许用户选择日期和时间(无时区)
email 包含电子邮件地址的输入字段
serch 搜素字段(搜索字段的表现类似常规文本字段)
tel 包含电话号码的输入字段
url 包含URL地址的输入字段

输入的属性

属性 说明
value 属性规定输入字段的初始值
readonly 属性规定输入字段为只读(不能修改)
disabled 属性规定输入字段是禁用的
size 属性规定输入字段的尺寸(以字符计)
maxlength 属性规定输入字段允许的最大长度
autocomplete 属性规定表单或输入字段是否应该自动完成
novalidate 规定在提交表单时不对表单数据进行验证
autofocus 属性是布尔属性

相关文章

  • 简单介绍HTML表单

    表单元素如何工作? action 说明了将表单表单发往何处。method 说明了浏览器发送数据的方式,一般是get...

  • HTML 表单的简单介绍

    HTML 表单用于搜集不同类型的用户输入 一、 元素 定义 HTML 表单 表单属性 action:提交表单时,向...

  • HTML 表单的简单介绍

    标签一般用于注册,采集用户信息页面与服务器交互。有常用的两种属性:method属性:规定用于发送 form-dat...

  • HTML表单的简单介绍

    HTML表单是什么? HTML 表单是用于搜集不同类型的用户输入。表单是一个包含表单元素的区域。表单元素是允许用户...

  • 简单介绍 HTML 表单的用法

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

  • 简单介绍HTML表单的用法

    HTML表单是什么 HTML表单是一个网页提供给用户输入信息的地方,由 form 标签创建,其输入框都放在 ...

  • 简单介绍 HTML 表单的用法

    form表单 html的表单用于搜集各种用户输入信息并提交,能增加网站的交互效果。表单是一个包含表单元素的区域,用...

  • 简单介绍HTML表单的用法

    表单 表单的作用 收集页面上用户填写的信息,用户提交表单时向服务器传输数据,从而实现用户与web服务器的交互。 表...

  • 简单介绍HTML表单的用法

    同我们平时填写的纸质表单一样,HTML表单用于搜集不同类型的用户输入 表单是一个包含表单元素的区域,表单元素是允许...

  • 简单介绍 HTML 表单的用法

    表单主要分为两部分: 是HTML文档描述的表单; 是提交后的表单处理。 表单的格式如下: 表单项,文字,图片等 描...

网友评论

      本文标题:HTML表单的简单介绍

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