HTML基础知识总结(3)

<form action = "" autocomplete = "on" > 姓名: <input type = "text" name = "name" ><br> 电话: <input type = "text" name = "phone" ><br> 邮箱: <input type = "email" name = "email" autocomplete = "off" ><br> <input type = "submit" > </form> 测试的时候需要先输入一遍,然后再刷新页面再次输入看到效果。 有些浏览器可能不自动支持,需要自己启用。

input 新属性

list 属性规定输入域的 datalist 。 datalist 是输入域的选项列表。

<input list = "companys" > <datalist id = "companys" > <option value = "alibaba" > <option value = "baidu" > <option value = "tencent" > <option value = "zijie" > <option value = "didi" > </datalist>

multiple 属性是一个 boolean 属性 .

multiple 属性规定 <input> 元素中可选择多个值。

注意 : multiple 属性适用于以下类型的 <input> 标签: email 和 fifile

上传多个文件 : <input type="file" multiple>

placeholder 属性提供一种提示( hint ),描述输入域所期待的值。

简短的提示在用户输入值前会显示在输入域上。

注意 : placeholder 属性适用于以下类型的 <input> 标签: text, search, url, telephone, email 以及 password 。

<input type = "text" name = "userName" placeholder = " 请输入用户名 " >

required 属性是一个 boolean 属性 .

required 属性规定必须在提交之前填写输入域(不能为空)。

注意 : required 属性适用于以下类型的 <input> 标签: text, search, url, telephone, email, password, date pickers, number, checkbox, radio 以及 fifile 。

用户名 : <input type = "text" name = "username" required > HTML5 新的表单元素 -- 了解

 标签                 描述
datalist            input标签定义选项列表。与 input 元素配合使用,来定义 input 可能的值。
keygen            规定用于表单的密钥对生成器字段。
output             标签定义不同类型的输出,比如脚本的输出。

HTML5 中新的 input 类型

HTML5 拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证。

color

date

datetime

datetime-local

email

month

number

range

search

tel

time

url

week

注意 : 并不是所有的主流浏览器都支持新的 input类型,不过您已经可以在所有主流的浏览器中使用它们了。即使不被支持,仍然可以显示为常规的文本域。

HTML5 中新增的音频

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zwwpxg.html