表单元素 开篇

html(5)&css(3) admin 158500 0 Comment

今天开始讲述表单这个重要模块

可以说,JS 最早是为表单而发明的, 因此在没有JS之前,所有操作都需要提交后端验证,发现有误再重定向回原页面,
加上之前1,2KB的网速,这用户体验真是奇差无比.因此JS最初发明出来,就是做表单验证的.

围绕表单,添加了各种语义化的元素,事件,属性.

比如说label,在某个radio外围上它,既能说明它是什么东西,也能扩大点击范围

比如说fieldset,它拥有默认的框框,方便圈定某个区域,表明这里面的东西是表单(form本身默认不可见,
而CSS要在稍晚的时候才发明出来)

比如说, onchange, oninput, onsubmit等事件,提交与用户交互的友好度

比如说, readOnly, disabled, checked, 为表单元素增加各种状态.

我们可以给一个定义,何谓表单元素 ?就是能向后端提供数据的元素

而这些元素通过都放在form元素中,但如果将它们单个拎出来,这个不好判定,我们还可以通过其他”外观”特征获得,就是它们的tagName都是input, button, select, textarea.其实option元素也算是表单元素,但它的数据需要提交到select 元素 进行过滤,才能提交

在HTML5中,还添加类似datalist, output等元素, 但它们只是辅助设施,没有直接给form提交数据的能力,因此不算是表单元素.

form元素作为AJAX出现前唯一的提交通道,我们在这里着重说一下

它上面拥有如下属性                          

不同的表单拥有不同的外形,它们的用法也各有不同,序列化数据也不一样,因此我们将分开以下几种细细讨论.

输入系, 选择系, 下拉系, 搭车系, 图形系

Reproduced please indicate the source: 飞嗨_分享互联网 » 表单元素 开篇

Like (0) or Share (0)
Guest Post my comment   Change account
Cancel comment

emoj
(0)person posted

Effective,Professional,Conform to SEO

Contact us