0
点赞
收藏
分享

微信扫一扫

HTML5基础教程(12)

晚熟的猫 2022-04-21 阅读 73
html5

文章目录

导语

本篇文章将介绍剩余的HTML5表单属性。

< input > multiple 属性

multiple 属性是一个 boolean 属性.
multiple 属性规定< input > 元素中可选择多个值。
还请注意: multiple 属性适用于以下类型的 < input > 标签:email 和 file:
下面的案例是上传多个文件:

Select images: <input type="file" name="img" multiple>

< input > pattern 属性

pattern 属性描述了一个正则表达式用于验证 < input > 元素的值。
还请注意:pattern 属性适用于以下类型的 标签: text, search, url, tel, email, 和 password。
提示:全局title属性能够用于描述模式。
下面的例子显示了一个只能包含三个字母的文本域(不含数字及特殊字符):

Country code: <input type="text" name="country_code" pattern="[A-Za-z]{3}" title="Three letter country code">

< input > placeholder 属性

placeholder 属性提供一种提示(hint),描述输入域所期待的值。
简短的提示在用户输入值前会显示在输入域上。
还请注意: placeholder 属性适用于以下类型的 标签:text, search, url, telephone, email 以及 password。
input 字段提示文本:

<input type="text" name="fname" placeholder="First name">

< input > required 属性

required 属性是一个 boolean 属性.
required 属性规定必须在提交之前填写输入域(不能为空)。
还请注意:required 属性适用于以下类型的 标签:text, search, url, telephone, email, password, date pickers, number, checkbox, radio 以及 file。
下面的例子是不能为空的input字段:

Username: <input type="text" name="usrname" required>

< input > step 属性

step 属性为输入域规定合法的数字间隔。
如果 step=“3”,则合法的数是 -3,0,3,6 等,
提示: step 属性可以与 max 和 min 属性创建一个区域值。
还请注意: step 属性需要与以下type类型一起使用: number, range, date, datetime, datetime-local, month, time 和 week。
下面的例子是规定input step步长为3:

<input type="number" name="points" step="3">

结语

本文至此介绍了大部分HTML5中的表单属性,还有许多属性也许因为笔者疏忽会有所遗漏,还忘各位读者海涵,读者自己也可通过开发文档尝试各种表单属性,并观察效果,让我们一起共同成长。

举报

相关推荐

0 条评论