h5-新增表单格式

最新推荐文章于 2022-07-18 16:45:05 发布
最新推荐文章于 2022-07-18 16:45:05 发布
阅读量442 收藏
点赞数 2
文章标签： html5 前端 html webview
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_54057363/article/details/123686030
版权

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>h5新增表单格式</title>

</head>

<body>

    <!--

        1.type:email  (email地址类型)

            当格式不符合email格式时，提交不会成功，会出现纠正提示

            -在移动端获焦时会切换到英文键盘

        2.type:tel    (电话类型)

            在移动端获焦时会切换到数字键盘

        3.type:url    (url类型)

            当格式相符时才能提交通过

        4.type:search (搜索类型)

            有清空文本的按钮

        5.type:range  (电特定范围内的数值选择器)

            属性：min、max、step

       

        6.

        type:number         :   只能包含数字的输入框

        type:color          :   颜色选择器

        type:datetime       :   显示完整日期(移动端浏览器支持)

        type:datetime-local :   显示完整日期，不含时区

        type:time           :   显示时间，不含时区

        type:date           :   显示日期

        type:week           :   显示周

        type:month          :   显示月

    -->

        <form>

            <input type="email" name="0">

            <input type="submit" value="提交">

            <br /><br /><br />

            <!-- 移动端点击后会弹出键盘-->

            <input type="tel" name="1">

            <input type="submit" value="提交">

            <br /><br /><br />

            <input type="url" name="2"/>

            <input type="submit" value="提交">

            <br /><br /><br />

            <input type="search" name="4"/>

            <input type="submit" value="提交">

            <br /><br /><br />

            <input type="range" name="5" min="1" max="5" step="0"/>

            <input type="submit" value="提交">

            <br /><br /><br />

            <input type="number" name="6"/>

            <input type="submit" value="提交">

            <br /><br /><br />

            <input type="color" name="7"/>

            <input type="submit" value="提交">

            <br /><br /><br />

            <input type="datetime-local" name="8"/>

            <input type="submit" value="提交">

            <br /><br /><br />

            <input type="time" name="9"/>

            <input type="submit" value="提交">

            <br /><br /><br />

        </form>

</body>

</html>

LLL。。
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
H5表单（新增）
weixin_30819085的博客
06-14 264
Html5 Forms概述,在Html5中: 1.表单仍然使用<form>元素作为容器,我们可以在其中设置基本的提交特性 form的action指向一个服务器地址（接口） 2.当用户或开发人员提交页面时,表单仍然用于向服务端发送表单中控件的值 ...
H5新增表单
RJ0403的博客
12-28 170
新增表单类型如下： 属性值 说明 type=“email” 限制用户输入必须为Email类型 type=“url” 限制用户输入必须为URL类型 type=“date” 限制用户输入必须为日期类型 type=“time” 限制用户输入必须为时间类型 type=“month” 限制用户输入必须为月类型 type=“week” 限制用户输入必须为周类型 type=“number” 限制用户输入必须为数字类型 type=“tel” 手机号码（不限制只能输入数字，因为有些
HTML5表单元素格式
qq_45907053的博客
05-11 321
表单 只要是input标签都是要有name 平时的表单 这个就是我们常用的表单 表单form有method和action这两个必填的选项 action是向哪一个位置发送，表单提交的位置可以是网站也可以是请求处理的地址 method是提交方式，它只有两个选项post和get <p>名字:<input type="text"> </p> Input输入框，默认值是text表示文本框 <!--文本输入框：input type="text"--> <p&
html5 中新添加的标签以及新增表单类型
sinat_32067081的博客
11-19 5986
一html5新增标签1.主体结构元素包括 article、section、nav、aside、time article定义来自外部的内容 外部内容可以是来自一个外部的新闻提供者的一篇新的文章，或者来自 blog 的文本，或者是来自论坛的文本。亦或是来自其他外部源内容。<article> <a href="http://www.apple.com">Safari 5 released</a><br /
H5表单类型
kongjunchao159的博客
08-06 473
day01-H5C3-新增音视频 表单标签及选择器.pdf
05-10
H5C3新增的常用标签 音频 视频标签 新增的表单类型 新增的选择器 属性选择器 伪类选择器 微元素选择器
H5-Knowledge-summary:前端知识总结
04-10
HTML5对表单控件进行了改进，新增了如、等类型，增强了表单验证功能，提升了用户体验。 11. **History管理和PushState** History API允许开发者操作浏览器的历史记录，PushState方法可以改变URL而不实际加载页面...
H5表单美化
10-26
1. 新增表单元素：HTML5引入了新的表单元素，如`<input type="date">`, `<input type="email">`, `<input type="range">`等，这些元素提供了更好的用户体验，例如内置的日期选择器或电子邮件验证。 2. 语义化标签：...
详解HTML5表单新增属性
01-19
在H5中可以把form放到页面的任何地方，然后为该元素指定一个form属性，属性值为该表单的id,这样就可以声明该元素从属于指定表单了 <form id=testform> <input type=text> </form> <textarea...
鲁班H5页面生成工具-其他
06-11
页面：新增 页面：复制 页面：删除 快速预览 撤销、重做 2、组件系统 文字 普通按钮 表单按钮 表单输入框 普通图片 背景图 背景音乐 视频（Iframe形式） 3、增强功能 上传PSD，一键转换为H5(已经调研，可以实现) ...
H5表单相关新增元素和属性
qq_38844939的博客
08-31 1703
1表单元素新增和废弃的属性                                 表单新增的属性可以分成两类： 提交类：提交给副武器的相关属性，formaction，formmcthod，formtype 控制类：required，antofocus，labels   (1) form属性： 在H5之前，表单内所有的从属标签（下级标签），必须书写在form标签内部。 H5
HTML5之表单新增类型介绍
Fenice
02-26 1497
1、html5的input标签的type类型新增介绍： 　　 2、表单新增属性介绍： 　　 3、代码示例： doctype html> html> head>head> body> form action="http://localhost/test.php" method="post" id="register">form>
H5新增表单类型和属性
里昂的博客
11-06 859
属性值 说明 type=“email” 限制用户输入必须为Email类型 type=“url” 限制用户输入必须为URL类型 type=“date” 限制用户输入必须为日期类型 type=“time” 限制用户输入必须为时间类型 type=“month” 限制用户输入必须为月类型 type=“week” 限制用户输入必须为周类型 type=“number” ...
Html5新增表单属性
影子
08-06 3394
新增输入类型： Type=“email” 限制用户输入email类型 Type=“url” 限制用户必须输入url类型 Type=“range”产生一个滑动条表单 Type=“number” Type=“search”产生一个搜索意义的表单 Type=“color” 生成一个颜色选择表单 Type=“time”限制用户必须输入时间类型 Type=“month” 限制用户必须输入月类型 Type=“week”限制用户必须输入周类型 Type=“datetime-local”选取本地时间 Type=“d...
H5-表格的基本样式
热门推荐
chenzhaoxiong123的博客
11-01 1万+
1.选择器 类选择器：通过给标签元素起一个classname类名 的方式，在编写样式的时候，用类名来获取该元素 .div1{ width:200px; height:200px; background-color:blue; } id选择器： 给元素起一个id名，用来获取该元素，设置样式的时候使用一个元素即可以同时有id名和类名 #div2{
H5新增表单元素
山河月色
07-25 674
H5新增的表单元素 新增表单type类型 邮箱：type="email" 1·提供了邮箱形式的简单验证 2·打开移动端的邮箱键盘 手机号：type="tel" 1·打开移动端拨号键盘 网址：type="url" 1·简单的网址格式验证 2·打开网址键盘
H5新增表单属性form属性（type属性）
qq_43675509的博客
09-24 1598
H5新增的input类型 <form> 邮箱：<input type="email"><br/> 数量：<input type="number" value="20" max="25" min="18"><br/> 电话：<input type="tel"><br/&g...
h5新增标签和表单元素
weixin_53027472的博客
07-18 479
html5新增标签，面试常问！
HTML5高级之新增form表单中的类型、属性、元素（带示例）
maoye的博客
09-27 4376
  在HTML5中新增了很多from表单中使用的输入类型，我理解使用的记录一下！   --邮箱验证：email --网址验证：url --电话号码验证：tel --数字验证：number --查找：search --日期选择：date --选择周：week --选择月：month --日期和时间：datetime   非本地时间 --日期和时间：fatetime-local...
原生h5textarea
最新发布
10-19
原生H5 textarea是HTML5中新增的表单元素之一，用于输入多行文本。与input元素不同，textarea元素可以设置多行文本输入框的大小，而且可以输入任意长度的文本。在使用textarea元素时，可以通过设置rows和cols属性来...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值