html表单所有类型,表单form的type种类

Form表单主要用于用户与Web应用程序进行数据的交互，它允许用户将数据发给web应用程序，网页也可以拦截数据的发送以便自己使用。form通常由一到多个表单元素组成，这些表单元素是单行/多行文本框，下拉菜单，按钮，复选框，单选按钮，时候表单元素时一般要配合label标签，用于描述其目的。

先讲讲关于form表单的type的属性值有哪些：Input组件用于接受来自用户的数据，其可用属性如下

1.type="text" 单行文本框

例如：

用户名：

2.type="password" 密码框，输入的内容将会被遮挡

例如：

密码：

3.type="checkbox" 复选框，必须使用value属性来描述该组件所提交的值，使用checked属性默认选中

例如：

爱好

游泳

跑步

篮球

阅读

4.type="radio" 单选按钮，必须使用value属性来描述该组件所提交的值，使用checked属性默认选中。一个单选按钮组中所有组件都应该具有相同的name值，这样，每次只能选中按钮组中的某一个组件

例如：

性别

男

女

5.type="submit" 提交按钮

例如：

6.type="file"

例如：

照片

7.type="image" 图像按钮，必须使用src来加载图片，使用alt来声明替换文本

8.type="reset" 重置按钮

9.type="hidden" 隐藏域，该组件不显示在页面中，但是其值会被提交

10.type="button" 普通按钮

html表单所有类型,表单form的type种类相关推荐

python不支持单字符类型_Python数据类型之字符串
1. Python字符串的创建字符串是Python中最常见的数据类型,通常使用单引号或双引号来定义一个字符串,如下: str = "我是字符串" str1 = '我也是字符串' ...
mysql记录相互关系查询_MySQL关系表查询两个表的数据
如下,有四张表:游戏类型表,游戏表,点卡和游戏关系表,点卡表 CREATE TABLE `gamesType`( `tId` INT AUTO_INCREMENT NOT NULL PRIMARY K ...
python提交表单无效_使用Django Form解决表单数据无法动态刷新的两种方法
一.无法动态更新数据的实例 1. 如下,数据库中创建了班级表和教师表,两张表的对应关系为"多对多" from django.db import models class Class ...
html5表单新增的输入类型,HTML5之表单新增类型介绍
1.html5的input标签的type类型新增介绍: 2.表单新增属性介绍: 3.代码示例: 1970 1980 1990 默认值: form="register" /> ...
php form表单属性,HTML5 表单属性
HTML5 表单属性 HTML5 中新的表单属性 HTML5 的和标签添加了几个新属性,如下所示:新属性: autocomplete novalidate 新属性: autocomplete au ...
php form表单验证,Validform表单验证总结篇
近期项目里用到了表单的验证,选择了Validform_v5.3.2. 先来了解一下一些基本的参数: 通用表单验证方法: Demo:$(".demoform").Validform( ...
html表单新增类型,HTML5表单设计——新增输入类型和新增表单属性
新增输入类型 email类型用来输入邮箱地址的文本框.该文本框与普通文本框在页面显示时没有任何区别,专门用于接收Email地址信息.提交表单时自动验证是否符合Email地址格式,如果不符合,将提示相 ...
html表单设置只是数字,antd form设置只能输入数字
Antd form提供了强大的验证,并且支持自定义验证,到底有多少种方法设置输入框只能输入数字呢? normalize normalize:(value)=>newValue; 复制代码这个方 ...
ajax异步请求——form表单提交及表单序列化提交
ajax异步请求 AJAX介绍 AJAX 指异步 JavaScript 及 XML(Asynchronous JavaScript And XML),它不是一种新的编程语言,而是一种使用现有标准的新方 ...

html表单所有类型,表单form的type种类

html表单所有类型,表单form的type种类相关推荐

最新文章

热门文章