SlideShare una empresa de Scribd logo
1 de 11
HTML 培训 -cscw 培训讲座系列 主讲人:方阳
第二课  HTML 表单、 DIV/SPAN ,[object Object]
表单 ,[object Object],[object Object],[object Object],[object Object],[object Object],      HTML  表单用于搜集不同类型的用户输入。表单是一个包含表单元素的区域。表单元素是允许用户在表单中(比如:文本域、下拉列表、单选框、复选框等等)输入信息的元素。 表单使用表单标签( <form> )定义。
表单基本标签介绍
表单必需元素及可选属性
name name  属性规定  input  元素的名称。 name  属性用于对提交到服务器后的表单数据进行标识,或者在客户端通过  JavaScript  引用表单数据。 注释: 只有设置了  name  属性的表单元素才能在提交表单时传递它们的值。 http://www.w3school.com.cn/tiy/t.asp?f=html_form_name action 必需的  action  属性规定当提交表单时,向何处发送表单数据。 method method  属性规定如何发送表单数据(表单数据发送到  action  属性所规定的页面)。 表单数据可以作为  URL  变量( method=&quot;get&quot; )或者  HTTP post  ( method=&quot;post&quot; )的方式来发送。
Method 方法介绍 -post ,[object Object],1 、建立联系  2 、分段传输数据 服务器 浏览器 form action method=“post” 标志位置读取参数
Method 方法介绍 -get ,[object Object],1 、建立连接  2 、 一个传输步骤中发送所有的表单数据 表单服务器 浏览器 form action method=“get” 标志位置读取参数
输入域 input ,[object Object]
type http://www.w3school.com.cn/tags/tag_form.asp
div/span – html 定位利器 ,[object Object]

Más contenido relacionado

Destacado

Varian of products
Varian of products Varian of products
Varian of products
Usul Udin
 

Destacado (11)

Varian of products
Varian of products Varian of products
Varian of products
 
Css培训
Css培训Css培训
Css培训
 
Drug addiction rehabilitation program for adolescent - Portage Beaconsfield, ...
Drug addiction rehabilitation program for adolescent - Portage Beaconsfield, ...Drug addiction rehabilitation program for adolescent - Portage Beaconsfield, ...
Drug addiction rehabilitation program for adolescent - Portage Beaconsfield, ...
 
Portage Québec substance rehabilitation services
Portage Québec substance rehabilitation servicesPortage Québec substance rehabilitation services
Portage Québec substance rehabilitation services
 
MIRE - Mouvement for Intergration and Retention in Employment - A Modified Th...
MIRE - Mouvement for Intergration and Retention in Employment - A Modified Th...MIRE - Mouvement for Intergration and Retention in Employment - A Modified Th...
MIRE - Mouvement for Intergration and Retention in Employment - A Modified Th...
 
Scamper.ppt [modo de compatibilidad]
Scamper.ppt [modo de compatibilidad]Scamper.ppt [modo de compatibilidad]
Scamper.ppt [modo de compatibilidad]
 
The Portage Therapeutic Community - Drug Addiction Rehabiliation
The Portage Therapeutic Community - Drug Addiction Rehabiliation The Portage Therapeutic Community - Drug Addiction Rehabiliation
The Portage Therapeutic Community - Drug Addiction Rehabiliation
 
Gender-Specific Residential Therapeutic Communities - Drug Addiction Rehabili...
Gender-Specific Residential Therapeutic Communities - Drug Addiction Rehabili...Gender-Specific Residential Therapeutic Communities - Drug Addiction Rehabili...
Gender-Specific Residential Therapeutic Communities - Drug Addiction Rehabili...
 
Drug addiction rehabilitation program for youth - Portage Atlantic
Drug addiction rehabilitation program for youth - Portage AtlanticDrug addiction rehabilitation program for youth - Portage Atlantic
Drug addiction rehabilitation program for youth - Portage Atlantic
 
Drug addiction rehabilitation program for mentally Ill chemical abusers (MICA...
Drug addiction rehabilitation program for mentally Ill chemical abusers (MICA...Drug addiction rehabilitation program for mentally Ill chemical abusers (MICA...
Drug addiction rehabilitation program for mentally Ill chemical abusers (MICA...
 
The importance and the need for drug addiction treatment in Québec
The importance and the need for drug addiction treatment in QuébecThe importance and the need for drug addiction treatment in Québec
The importance and the need for drug addiction treatment in Québec
 

Último

10.2.1 马来西亚各州名称的由来六年级历史单元练习马来西亚各州名称的由来练习
10.2.1 马来西亚各州名称的由来六年级历史单元练习马来西亚各州名称的由来练习10.2.1 马来西亚各州名称的由来六年级历史单元练习马来西亚各州名称的由来练习
10.2.1 马来西亚各州名称的由来六年级历史单元练习马来西亚各州名称的由来练习
PUAXINYEEMoe
 
法国蒙彼利埃国家高等建筑学院毕业证制作/德语歌德B1证书/加拿大新斯科舍省农业学院文凭加急制作一个
法国蒙彼利埃国家高等建筑学院毕业证制作/德语歌德B1证书/加拿大新斯科舍省农业学院文凭加急制作一个法国蒙彼利埃国家高等建筑学院毕业证制作/德语歌德B1证书/加拿大新斯科舍省农业学院文凭加急制作一个
法国蒙彼利埃国家高等建筑学院毕业证制作/德语歌德B1证书/加拿大新斯科舍省农业学院文凭加急制作一个
michaelell902
 

Último (6)

taibif_開放資料流程-清理資料01-通則_20240509_20240509.pdf
taibif_開放資料流程-清理資料01-通則_20240509_20240509.pdftaibif_開放資料流程-清理資料01-通則_20240509_20240509.pdf
taibif_開放資料流程-清理資料01-通則_20240509_20240509.pdf
 
10.2.1 马来西亚各州名称的由来六年级历史单元练习马来西亚各州名称的由来练习
10.2.1 马来西亚各州名称的由来六年级历史单元练习马来西亚各州名称的由来练习10.2.1 马来西亚各州名称的由来六年级历史单元练习马来西亚各州名称的由来练习
10.2.1 马来西亚各州名称的由来六年级历史单元练习马来西亚各州名称的由来练习
 
啟思中國語文 - 中二 單元一 - 孟嘗君列傳 - 記敍的方法和人稱1.pptx
啟思中國語文 - 中二 單元一 - 孟嘗君列傳 - 記敍的方法和人稱1.pptx啟思中國語文 - 中二 單元一 - 孟嘗君列傳 - 記敍的方法和人稱1.pptx
啟思中國語文 - 中二 單元一 - 孟嘗君列傳 - 記敍的方法和人稱1.pptx
 
taibif_資料標準概念介紹_20240509_20240509_20340509.pdf
taibif_資料標準概念介紹_20240509_20240509_20340509.pdftaibif_資料標準概念介紹_20240509_20240509_20340509.pdf
taibif_資料標準概念介紹_20240509_20240509_20340509.pdf
 
法国蒙彼利埃国家高等建筑学院毕业证制作/德语歌德B1证书/加拿大新斯科舍省农业学院文凭加急制作一个
法国蒙彼利埃国家高等建筑学院毕业证制作/德语歌德B1证书/加拿大新斯科舍省农业学院文凭加急制作一个法国蒙彼利埃国家高等建筑学院毕业证制作/德语歌德B1证书/加拿大新斯科舍省农业学院文凭加急制作一个
法国蒙彼利埃国家高等建筑学院毕业证制作/德语歌德B1证书/加拿大新斯科舍省农业学院文凭加急制作一个
 
1.🎉“黑客”如何修改成绩?🤔🎉 在这个信息爆炸的时代,我们经常会看到各种作弊手段。但是你知道吗?有一种作弊方式可能比你想象中更巧妙:它就是——黑客![单...
1.🎉“黑客”如何修改成绩?🤔🎉 在这个信息爆炸的时代,我们经常会看到各种作弊手段。但是你知道吗?有一种作弊方式可能比你想象中更巧妙:它就是——黑客![单...1.🎉“黑客”如何修改成绩?🤔🎉 在这个信息爆炸的时代,我们经常会看到各种作弊手段。但是你知道吗?有一种作弊方式可能比你想象中更巧妙:它就是——黑客![单...
1.🎉“黑客”如何修改成绩?🤔🎉 在这个信息爆炸的时代,我们经常会看到各种作弊手段。但是你知道吗?有一种作弊方式可能比你想象中更巧妙:它就是——黑客![单...
 

Html培训[第二课]

  • 1. HTML 培训 -cscw 培训讲座系列 主讲人:方阳
  • 2.
  • 3.
  • 6. name name 属性规定 input 元素的名称。 name 属性用于对提交到服务器后的表单数据进行标识,或者在客户端通过 JavaScript 引用表单数据。 注释: 只有设置了 name 属性的表单元素才能在提交表单时传递它们的值。 http://www.w3school.com.cn/tiy/t.asp?f=html_form_name action 必需的 action 属性规定当提交表单时,向何处发送表单数据。 method method 属性规定如何发送表单数据(表单数据发送到 action 属性所规定的页面)。 表单数据可以作为 URL 变量( method=&quot;get&quot; )或者 HTTP post ( method=&quot;post&quot; )的方式来发送。
  • 7.
  • 8.
  • 9.
  • 11.

Notas del editor

  1. HTML 网页头部对网站来说起着相当重要的作用,因此很有必要了解一下网页头部的规范写法及各标签的含义