HTML5表单素的新增属性 Input标签（类型属性） email/url/range/number/search/color/tel/时间选择/针对PC端的其它类型（除了number和时间选择外，其它的类型都只有在手机端的输入板有效果）email（邮箱输入框，focus后在手机输入版中会有@字符）<input type=”email”>
url（网址输入框，focus后在手机输入版中会有.com字符）<input type=’url’>
tel（电话输入框，focus后自动弹出数字输入板）<input type=”tel” name=’tel’>
number（数字输入框）<input type=”number” name=’number’>PC端显示（只有数字、运算符和字母e可以作为自然数的常数可以输入）：
移动端输入板显示：
时间选择（年月日） 效果图：
此外还有选项框等：
手机端效果都是以滚轮的形式呈现的：例如datetime-local类型
其它类型：（color、range、search）1.color：选取颜色，可以弹出调色板<input type=”color”>
2.range：选取数值范围，有max和min两个属性（不填写则默认为0到100）<input type=”range” max=’20’ min=’0′ value=’20’>
3.search：search类型和普通输入框很相像，但是当有值输入的时候，会多出一个可以点选删除的叉叉<input type=”search”>
表单属性 autocomplete/autofocus/multiple/requiredautocomplete：是否自动补全（该属性有两个值，on/off，默认是on），该属性也可以用在所有input标签中autofocus：在页面刚载入时，焦点放在哪个输入框上，（该属性有一个值autofocus，只填写属性不填写值也能生效），可以用于所有input标签中，当页面中有多个autofocus时，只有自上而下第一个使用该属性的标签生效multiple：输入多个值，只适用于file和email类型的input，语法multiple=’multiple’，或者只写一个multiple属性也有效果1.file：在type=’file’中，使用multiple属性后，选取文件可以按住ctrl键同时选取多个文件（在此吐槽一下狗爹的网页文件上传只能一个一个上传，恶心死.）
2.email：在type=’email’中，使用multiple属性后，可以在一个输入框中填写多个邮箱地址（用分号分隔），然后传输过去后台，后台会识别这是多个邮箱地址（数组）而不是一个邮箱地址
required：input填写该属性后，表单提交时会对该input做简单的校验，不能为空并且需要必须的字段例如：<input type=’text’ required>
<input type=’email’ required>
链接属性 link的sizes属性/base对的target属性sizes（主要用于link中的网页图标进行大小的控制，如下图图标）
base标签（放置在head标签中）中的target（可以控制整个网页中a链接打开新窗口。也可以控制a链接跳转的页面）例如：a链接在新窗口中打开百度 其他属性 script/ol script标签新增属性async和defer（异步加载外部js文件，可解决外部js放置在头部导致的白屏问题）不同点：async：什么时候加载完js什么时候执行defer：所有资源加载完后再执行js ol新增属性start（起始值）和reversed（倒序排列），注意，reversed的倒叙并不会使内容也倒叙，只是ol自带的序号倒叙start：
reversed：
2024最新激活全家桶教程，稳定运行到2099年，请移步至置顶文章：https://sigusoft.com/99576.html
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。 文章由激活谷谷主-小谷整理,转载请注明出处：https://sigusoft.com/52410.html
