HTML表单的简单介绍

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 属性是布尔属性
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 标签一般用于注册,采集用户信息页面与服务器交互。有常用的两种属性:method属性:规定用于发送 form-dat...
    饥人谷_LEO阅读 120评论 0 1
  • 本人做php的,最近发现JS真的是博大精深啊,比PHP难.在HTML中,表单是由form元素来表示的,但是在jav...
    linfree阅读 2,201评论 3 17
  • 1. 什么是表单 HTML表单用于搜集不同类型的用户输入以提交给服务器进行处理, 表单是一个包含表单元素的区域. ...
    cheneyzhangch阅读 464评论 0 0
  • 本文介绍关于form表单的一些使用方法网站是如何与用户进行交互的?使用HTML表单。表单用于搜集不同类型的用户输入...
    左冬的博客阅读 1,363评论 1 3
  • 1、表单简介 HTML 表单用于搜集不同类型的用户输入。表单是一个包含表单元素的区域。表单元素包括:文本域(tex...
    huangyh_max阅读 575评论 0 1