HTML之表单标签

目录

表单标签

Form表单

定义:

基本语法结构:

form属性:

enctyoe属性

fieldeset标签

fieldeset属性

legend标签

 label标签 

优势

label属性

input标签

input属性

input标签中的type属性

        text

                text输入框有以下配套属性

        searc

        button

        submit

        image

                image属性

        reset

        checkbox

        radio

                radio属性

        email

                email 属性

        password

                password属性

        file

                file 属性

        hidden

        number

                number属性

        range

                 range属性

        url

                url属性

        tel 

                tel属性 

        color

        date 

                date属性

        time

                time属性

        month

                month属性  

        week

                week属性

        datetime-local

                datetime-local属性

button标签

button属性

select标签

selected属性

select其他属性

option,optgroup标签

option属性

optgroup属性

datalist标签

 textarea标签

textarea属性

output标签

output属性 

 progress标签

 progress属性

meter标签

meter属性

使用form表单进行前后端连接

HTML代码

后端代码

结果测试


表单标签

Form表单

定义:

        

标签用来定义一个表单,所有表单内容放到这个容器元素之中

基本语法结构:


  

form属性:

        accept-charset  --- 服务器接受的字符编码列表,使用空格分隔,默认与网页编码相同

        action --- 服务器接收数据的 URL

        autocomplete --- 如果用户没有填写某个控件,浏览器是否可以自动填写该值。它的可能取值分别为off (不自动填写)和on(自动填写)

        method --- 提交数据的 HTTP 方法,可能的值有post(表单数据作为 HTTP 数据体发送),get(表单数据作为 URL 的查询字符串发送),dialog表单位与

内部使用)

        enctype --- 当method属性等于post时,该属性指定提交给服务器的 MIME 类型。可能的值为application/x-www-form-urlencoded (默认值),multipart/form-data (文件上传的情况),text/plain

        name --- 表单的名称,应该在网页中是唯一的。注意,如果一个控件没有设置name属性,那么这个控件的值就不会作为键值对,向服务器发送

        novalidate --- 布尔属性,表单提交时是否取消验证

        target --- 在哪个窗口展示服务器返回的数据,可能的值有_self (当前窗口),_blank (新建窗口),_parent (父窗口),_top (顶层窗口),