菜鸟的HTML5之路DAY 02-----input标签

最新推荐文章于 2024-04-17 11:17:07 发布
最新推荐文章于 2024-04-17 11:17:07 发布
阅读量185 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hzl529/article/details/100760623
版权

文章目录

1 常用标签

artical
header
页眉，头部
header
nav
导航栏
nav
footer
页尾
footer
artical

datalist与input一起使用
在这里插入图片描述
在input中加入placeholder可以使框中默认值点击时消失

在这里插入图片描述

在这里插入图片描述

2 input标签

email:必须填写Email格式
在这里插入图片描述
在这里插入图片描述

tel:填写电话（大部分浏览器已不支持）
在这里插入图片描述

number:只能填写数字，并且有上下箭头可以调整数字
在这里插入图片描述
在这里插入图片描述

range:滑动条
在这里插入图片描述

time:显示数字 00：00 前面最大为24，后面最大为59

在这里插入图片描述

在这里插入图片描述

date：日期 年：月：天
在这里插入图片描述

在这里插入图片描述

datetime-local：相当于date+time
在这里插入图片描述
在这里插入图片描述

placeholder属性：规定帮助用户填写输入字段的提示，鼠标点击时隐藏（但是依然可见）
在这里插入图片描述
在这里插入图片描述

required：框内不能为空

在这里插入图片描述

在这里插入图片描述

hzl529
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
python-10.菜鸟教程-5-总纲实例演示
LTCM_SAKURA的博客
01-06 829
Python 数字求和 以下实例为通过用户输入两个数字，并计算两个数字之和： # -*- coding: UTF-8 -*- # Filename : test.py # author by : www.runoob.com # 用户输入数字 num1 = input('输入第一个数字：') num2 = input('输入第二个数字：') # 求和 sum = float(...
Hexo-Next 博客搭建
热门推荐
qq_37828104的博客
05-16 9万+
整理网上的 Next 优化方法，外加写一份文章 感觉博客还行，不再羡慕别人的主题了 特效全开，跟开了吃鸡一样，电脑呼呼的 看了下建站时间，花了 23 天整，为了一个工具，感觉血亏
html input注释,HTML input 标签 | 菜鸟教程
weixin_39795065的博客
06-20 412
HTML 标签实例一个简单的 HTML 表单，包含两个文本输入框和一个提交按钮：First name:Last name:尝试一下 »(本页底部可以查看更多实例)浏览器支持目前大多数浏览器支持 标签。标签定义及使用说明 标签规定了用户可以在其中输入数据的输入字段。 元素在 元素中使用，用来声明允许用户输入数据的 input 控件。输入字段可通过多种方式改变，取决于 type 属性。提示和注释注...
HTML5 添加新的标签 input属性
weixin_30622181的博客
06-12 118
<!-- 新增 有语意标签 --> <nav></nav> <!-- 导航标签 --> <seclion></seclion> <!--区域标签--> <footer></footer> <!--底部标签--> <aside>&l...
HTML5中input新增标签详解
weixin_34319999的博客
11-27 187
2019独角兽企业重金招聘Python工程师标准>>> ...
html作品使用说明,HTML <input> 标签 | Paoo教程
weixin_39906114的博客
05-30 90
HTML 标签实例一个简单的 HTML 表单，包含两个文本输入框和一个提交按钮：action="demo_form.asp">First name: Last name:尝试一下 »(本页底部可以查看更多实例)浏览器支持列表IEFirefoxChromeSafariOpera目前大多数浏览器支持 标签。标签定义及使用说明 标签规定了用户可以在其中输入数据的输入字段。 元素在 元素中使用，...
HTML5中input标签新增的类型
今夕莫离-IT
07-13 1525
HTML5中input的新标签     颜色选择器:     日期:         日期和时间:       日期和时间(无时区):             Email:             日期(月和年):     文件选择框:     数字选择框:     范围选择框:                     
Python3 入门经典100例 | 菜鸟教程 1-10题
kudou1994的博客
08-05 9236
（未完） 题1： 题目：有四个数字：1、2、3、4，能组成多少个互不相同且无重复数字的三位数？各是多少？ 方法一： import itertools l = list(itertools.permutations([1,2,3,4],3)) print(len(l)) print(l) # 24 # [(1, 2, 3), (1, 2, 4), (1, 3, 2), (1, 3, 4), (1, ...
python基础100打卡-Day07 (031~035)
YIKoala的博客
11-30 710
今天依旧是学python的一天✍ 打卡练习题：菜鸟100实例 031 题目 请输入星期几的第一个字母来判断一下是星期几，如果第一个字母一样，则继续判断第二个字母。 分析 根据（Monday、Tuesday、Wednesday、Thursday、Friday、Saturday、Sunday）可知，周一、三、五可以直接由首字母判断，而剩下的需要再分情况判断。 代码 代码一： letter = input('输入第一个字母：') result = '' if letter in ('M', 'W',
python基础练习100打卡-Day03
YIKoala的博客
11-26 380
今天也是继续学python的一天???? 打卡练习题：菜鸟100实例 011 - 015 实例011 题目 古典问题：有一对兔子，从出生后第3个月起每个月都生一对兔子，小兔子长到第三个月后每个月又生一对兔子，假如兔子都不死，问每个月的兔子对数为多少？ 分析 兔子繁衍问题符合斐波拉契数列（1，1，2，3，5…） 查资料后发现，斐波拉契数列就是由这个兔子繁衍问题来引入的，这里的1、1、2是以“对”为单位的，当时就因为这个想复杂了，可能是太抠细节了。 代码 n = int(input('想了解前多少个月的
input 时间日历插件
08-15
input日历插件，可选择日历，以及时间
input组件选择日期时间
hexianfan的博客
11-15 5804
input组件获取年月日时分秒使用方法
表单属性和表单元素
m0_61282942的博客
08-02 293
min、max、step属性 最小值、最大值、合法的数字间隔 用于包含数字的input类型，规定数值范围，如:input的number类型等 <input type="number" step="2" min="4" max="10"> placeholder属性 设置文本域的提示信息，当用户开始输入内容，提示信息会消失 autocomplete属性 设置表单是否启用自动完成功能，可以加在form标签、input标签中 在input标签中name属性...
input 时间
小雨的博客
06-29 1541
type = Date – 缺省是1天 Week – 缺省是1周 Month – 缺省是1月 Time – 缺省是1分钟 DateTime – 缺省是1分钟 Local DateTime – 缺省是1分钟 1. 日期() 这是最基本的日期选择器，你只能从日历中选择某个日期。 2. 周() 这时，你选择的就不是一个日期了，而是周。请注意周数显示的方式。 3. 月份() 这时你选择的是月份，跟“date”类型比起来少了后面的日子数。 4. 时间() 这是最简单的一种显示，没
Input框中获取时间
weixin_44540670的博客
05-07 4013
Input框不只是只能用来当文件框输入文字， 还可以其他很多用途，input框还可以用来当按 钮，下面我教大家用input框获取精确时间，框 里的时间会随时间的变动而变动，可以用来看时 间，样式也可以自定义； 首先创建一个表单，里面在放一个 框： 创建一个表单后，给它一个show_time的名 称，再给这个标签添加一个onSubmit事件属性， 这个属性是表单提交时使用的使用的，onSubmi...
给input框设置成选择日期，并且精确到时分秒
最新发布
zhang20040217的博客
04-17 1842
虽然大多数现代浏览器都支持它，但一些较旧的或非主流的浏览器可能不支持。创建了一个可以让用户选择日期和时间的输入框。用户可以选择年、月、日、小时、分钟和秒。这会允许用户选择日期和时间，精确到小时、分钟和秒。的浏览器中，输入框将回退到普通的文本输入框。
input的选择中时间时分秒，时间段两种方法，picker自定义组件 看效果图
qq_18390335的博客
02-24 1983
input的选择中时间时分秒，时间段两种方法，picker自定义组件 看效果图
input框获取系统时间
qq_38822390的博客
05-21 2116
这是对旧的已上线项目的维护之中优化的一个部分，要求是在input框里面默认当前系统的时间。实现如下图所示的效果。 我这里用的是一款日历插件：jedate-开始使用一款好用的时间插件：https://www.jianshu.com/p/961c3f364e2a，在实际运用之中，需要在input里面默认年月日，或者默认时分秒。 方法： //时间选择 var mydateInpu...
input输入日期时间，自动格式化组件/工具
hbjiankely的博客
07-15 2269
【代码】input输入时间，自动格式化组件/工具。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值