html5 form表单常用标签

时间：2022-11-07 22:38:34
<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Document</title>

</head>

<body>

<form>

      <!-- 电子邮箱属性。 -->

    <input type="email">

    <input type="submit">

     <!-- 在移动端会有键盘切换 电话号码 -->

    <input type="tel">

    <input type="submit">

     <!-- 提示输入正确的网址 -->

    <input type="url">

    <input type="submit">

    <!-- 搜索 -->

    <input type="search">

    <input type="submit">

    <!--  可控制条 -->

    <input type="range" min="0" max="200" value="2">

    <input type="submit">

      <!--  可加减数字 -->

    <input type="number" value="2"/>

    <input type="submit"/>

   <!--   颜色选择器  -->

     <input type="color"/>

    <input type="submit"/>

        <!-- 时间选择器 datetime -->

    <input type="datetime-local">

    <input type="submit"/>

            <!-- 一个小时数和一个分钟数 -->

    <input type="time">

    <input type="submit"/>

         <input type="date"/>

    <input type="submit"/>

    <input  type="text" placeholder="文本框提示并关掉关联" autocomplete="off"/>

    <input  type="text" placeholder="文本框提示并关掉关联" autocomplete="off" autofocus />

     <input  type="text" placeholder="输入1到5个数字" pattern="\d{1,5}"/>

     <input type="submit" formaction="www.baidu.com"/>

</form>

</body>

</html>

html5 form表单常用标签的更多相关文章

  1. html&sol;form表单常用属性认识

    1.form表单常用属性练习 <style> .form1 { margin: auto; height: 900px; width: 500px; text-align: center; ...

  2. 前端开发-4-HTML-table&amp&semi;form&amp&semi;表单控制 标签

    1.table标签 <!DOCTYPE html> <html lang="cn"> <head> <meta charset=&quot ...

  3. HTML表单常用标签

    名称 用例 备注 文本输入框             <input type="text" name="uname" value="" ...

  4. Form 表单常用正则验证 （收藏）

    1.^\d+$ //匹配非负整数(正整数 + 0) 2.^[0-9]*[1-9][0-9]*$ //匹配正整数 3.^((-\d+)|(0+))$ //匹配非正整数(负整数 + 0) 4.^-[0-9 ...

  5. javascript form表单常用的正则表达式

    form验证时常用的几个正则表达式 座机: \d{3,4}-\d{7,8} 手机号: /^1[34578][0-9]{9}$/ (\86)?\s+1[34578]\d{0-9} (\+86)?\s*1 ...

  6. form表单类标签汇总

    <form action="form_action.asp" method="get"> First name: <input type=&q ...

  7. HTML——form表单中常用标签 form input &lpar;text hidden password radio checkbox reset submit &rpar; select&lpar;option&rpar;总结

    <form action="" method="get"> <!-- placeholder="请输入文本" 显示提示 r ...

  8. Django之form表单常用字段与插件

    from django.shortcuts import render,HttpResponse from django import forms from app01 import models f ...

  9. antd-vue中的form表单label标签for导致点击文字触发输入框解决方案

    <a-form-item :label="label+'图片'" :label-col="{ span: 2 }" :wrapper-col=" ...

随机推荐

  1. jquery的事件命名空间详解

    jquery现在的事件API:on,off,trigger支持带命名空间的事件,当事件有了命名空间,就可以有效地管理同一事件的不同监听器,在定义组件的时候,能够避免同一元素应用到不同组件时,同一事件类 ...

  2. WAP端 touch事件触发顺序记录

    IOS7.0 safari 滚动滚动条的时候, 最后手指放开 (scroll 总是在 touchend后面,所以要用 setTimeout) touchstart touchmove(多个) touc ...

  3. HDU 4803 Poor Warehouse Keeper

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=4803 解题报告:有一个记录器,一共有两个按钮,还有两行屏幕显示,第一行的屏幕显示的是数目,第二行的屏幕 ...

  4. jquery上传文件控件Uploadify

    基于jquery的文件上传控件,支持ajax无刷新上传,多个文件同时上传,上传进行进度显示,删除已上传文件. 要求使用jquery1.4或以上版本,flash player 9.0.24以上. 有两个 ...

  5. Linux kernel get&lowbar;prng&lowbar;bytes函数数字错误漏洞

    漏洞名称: Linux kernel get_prng_bytes函数数字错误漏洞 CNNVD编号: CNNVD-201310-142 发布时间: 2013-10-11 更新时间: 2013-10-1 ...

  6. python小白——进阶之路——day2天-———数据类型和Number类型和str字符串

    ### -python的六大标准数据类型(1)Number 数字类型(int float bool complex)(2)String 字符串类型(3)List 列表类型(4)Tuple 元组类型(5 ...

  7. VC 为程序创建快捷方式的详细讲解

    有时候,为了方便用户使用我们编写的程序,需要在桌面,快速启动或程序组中创建程序的快捷方式.下面就介绍在VC下如何为程序创建快捷方式. 一．得到桌面,快速启动或程序组的路径这里介绍二个win32 API ...

  8. Python基础-列表、元祖、字典、字符串

    列表和分组 序列概览: 数据结构是通过某种方式组织在一起的数据元素的集合.这些元素可以是数字.字符,甚至可以是其他数据结构. 在python中,最基本的数据结构是序列(sequence). 序列中的每 ...

  9. Windows Server 2008中使用计划任务定时执行BAT bat进行PHP脚本的执行

    Windows Server 2008中使用计划任务定时执行BAT bat进行PHP脚本的执行 2016年01月03日 17:36:00 持之以恒 阅读数:5520 标签: windows定时任务.b ...

  10. Android应用开发-网络编程&lpar;二&rpar;

    Apache HttpClient框架 GET方式请求提交数据 1. 创建一个HttpClient HttpClient hc = new DefaultHttpClient(); 2. 创建一个Ht ...

相关文章