web前端工程师常用的表单

　　随着互联网的普及和技术的不断发展，web前端开发工程师在当今互联网行业中的重要地位，Web前端开发工程师作为一个专业技术岗位，需要掌握多种技术来构建现代化的网页和应用程序，今天八维职业学校和大家一起来看看web前端工程师常用的表单，希望对想要学习和了解web前端开发工程师这个行业的同学有所帮助。

　　JS 最早是为表单而发明的，因此在没有JS之前，所有操作都需要提交后端验证，发现有误再重定向回原页面。JS最初发明出来，就是做表单验证的。

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

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

　　比如说fieldset，它拥有默认的框框，方便圈定某个区域，表明这里面的东西是表单(form默认不可见，CSS此时还未发明)

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

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

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

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

　　function isFormElement(el){

　　return /input|button|select|textarea/i.test(el.tagName)

　　}

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

　　form元素作为AJAX出现前唯一的提交通道，杭州达内web培训重点说下：

　　form拥有如下属性

　　accept：值MIME_type 规定通过文件上传来提交的文件的类型

　　accept-charset：值charset 服务器处理表单数据所接受的字符集

　　enctype：值MIME_type 规定表单数据在发送到服务器之前应该如何编码

　　method：值get/post 规定表单数据发送的方式，get方法和post方法

　　name：值name 规定表单的名称

　　target：值_blank/_parent/_self/_top 规定在何处打开action URL

　　其中有三个重要属性：

　　1、action指定该表单发送时接受操作的地址

　　2、method指定表单数据发送的方法。可选值:get、post。get发送则表单内的数据将附加到url后发送。post则是在HTTP请求中发送。

　　3、enctype指定表单数据在发送的服务器之前如何编码，特别注意的是，当含有上传域时要设置编码方式为enctype="multipart/form-data"，否则后台无法获取到浏览器发送的文件数据。是设置表单的MIME编码。默认情况，这个编码格式是application/x-www-form-urlencoded，不能用于文件上传;只有使用了multipart/form-data，form里面的input的值以2进制的方式传过去。才能完整的传递文件数据。FTP上传大文件的时候，也有个选项是以二进制方式上传。