HTML 5 的基础知识2

HTML 5 原有的表单及表单控件

form元素
该元素用于生成输入表单,该元素不会生成可视化部分。
该元素可以指定 id,style,class,等核心属性,还可以指定 onclick 等事件属性。除此之外还可以指定以下属性。
action:指定当但单击表格内的 确认 按钮时,该表单被提交到那个地址。该属性即可指定一个绝对地址,也可指定一个相对的地址。该属性必填。
method:指定提交表单时发送何种请求,该属性可为get或post,分别用于发送GET或POST请求。该属性必填。
enctype:指定对表单内容进行编码所使用的字符集。
name:name
input 元素
该元素时表单控件元素中功能最丰富的,如下几种输入元素都是通过该元素生成的。
单行文本框:type属性为text
密码输入框:type属性为password
隐秘域:type属性为hidden
单选框:type属性为radio
复选框:type属性为CheckBox
图像域:type属性为image
文件上传域:type属性为file
提交,重设,无动作按钮:type属性分别是 submit ,reset,button。
使用 label 定义标签
该元素用于在表单元素中定义标签,这些标签可以对其他可生成请求参数的表单控件元素(如单行文本框,密码框等)进行说明,该元素不需要生成请求参数,因此不要为该元素指定 value属性值。
该元素可以指定 id,style,class,等核心属性,还可以指定 onclick 等事件属性,除此之外,还可以指定一个for属性,该属性指定该标签与那个表单控件关联。
隐式使用for属性:指定该元素的for属性值为所关联表单控件的 id 属性值。
显式关联:将普通文本,表单控件一起放在该元素的内部。
使用button 定义按钮
该元素用于定义一个按钮,除了id,style, class 等核心属性外还有以下属性
disabled:指定是否禁用此按钮。该属性只能是 disabled 或者省略属性值。
name:指定该按钮的唯一名称。该属性应与id 保持一致。
type:只能是 button reset submit
value:指定该按钮的初始值。
fieldset与 legend 元素
fieldset 元素可用与对表单内表单元素进行分类,该元素除了可指定一些通用元素外,还可以指定以下几个
name:名称
form:该属性的属性值必须是一个有效的form/元素的id ,用于指定该form/元素属于指定表单。
disabled:该元素用于禁用该组表单元素
legend(附加内容)legend
formaction属性
表单中出现 注册 和 登录 两个按钮时。用该属性处理
autofocus属性
非常常用的属性,当为某个表单控件增加时该属性后,浏览器打开该页面时该组件就会自动获得焦点。
list属性
datalist元素相当于一个 “看不见” 的 select 元素 ,用于生成一个隐秘的下拉菜单。 datalist 所能包含的子元素与select 元素完全相同 。该元素用于与指定的 list 属性的 input元素结合使用。当双击指定 list 属性的文本框时,该文本框会显示 datalist 生成的下拉菜单。
autocompete 属性
该属性用于设置表单是否支持自动完成功能。
on: 打开
off:关闭
功能丰富的input 功能
color:生成一个颜色选择器。
date:生成一个日期选择器。
time:生成一个时间选择器。
datetime-local:生成一个本地日期时间选择器。
week:生成一个第几周文本框。
month:生成一个月份选择器。
min;指定日期 时间最小值
max:最大值
step:指定日期,时间的步长。
email:E-mail
tel:电话号码
url:生成一个URL输入框
number:数字
search:专门用于输入搜索关键字的文本框。
使用 audio 和 video 元素
audio src=“地址 /名字” controls /audio
video src=“地址、名字” controls /video

猜你喜欢

转载自blog.csdn.net/weixin_44148317/article/details/85218872