工业UI开发技术-课件 2-1-7 HTML表单-1.pptxVIP

HTML表单深圳市信息职业技术学院

HTML表单交互组件01目录02HTML表单选择组件

本节目标 本任务需要了解的HTML内容包括：HTML的概念，发展历程。需要掌握的是HTML文本相关标签，列表，图片，多媒体，表格，表单标签以及行级与块级标签的分类。通过本节学习可以：了解HTML发展历程。掌握HTML常用标签。掌握常用标签的常用属性。

01HTML表单交互组件

HTML表单formaction=method=get 单行文本框：inputname=usertype=textid=userplaceholder=请输入英文字母/brbr 密码域：inputtype=passwordname=textfieldid=textfield/brbr 多行文本框：textareaname=textareacols=45rows=5/textareabrbr/form

HTML表单formaction=method=get文件域：inputtype=filename=photoid=photo/普通按钮：inputtype=buttonname=button2id=button2value=按钮/提交按钮：inputtype=submitname=submitid=submitvalue=提交/重置按钮：inputtype=resetname=buttonid=buttonvalue=重置/图像域：inputtype=“image”name=“imageField”id=“imageField”src=“tj.jpg”/（详见图像域隐藏域.txt）隐藏域：inputtype=hiddenname=hiddenFieldid=hiddenField/（详见图像域隐藏域.txt）/form

HTML表单formaction=method=enctype=name=……/form action属性用来设置接收和处理浏览器递交的表单内容的服务器程序的URL method属性用来定义浏览器将表单中的信息提交给服务器端的处理程序的方式，取值可以为：GET或POST.enctype属性指示浏览器使用哪种编码方法将表单数据传送给www服务器。该属性可以有两种取值： application/x-www-form-urlencoded（默认的设置） multipart/form-data(文件上传)

THANKYOU深圳市信息职业技术学院