十 2 现场演示: 案例5-01:利用GET方式提交表单 案例5-02:利用P0ST方式提交表单 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 6 现场演示： 案例5-01：利用GET方式提交表单 案例5-02：利用POST方式提交表单
1.表单基础 12 Input元素 口< lnput>元素是表单控件元素中功能最丰富的,许多的输入元素 都可以使用< input>元素生成。 ■单行文本框:指定< Input>元素的属性type为text即可。 ■密码输入框:指定< lnput>元素的属性type为 password即可。 单选框:指定< Input>元素的属性type为 radio即可。 多选框:指定< input>元素的属性type为 checkbox即可。 文件上传域:指定< lnput>元素的属性type为file即可。 按钮:指定<inpυut>元素的属性type为 button即可。 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 1.表单基础 <input>元素是表单控件元素中功能最丰富的，许多的输入元素 都可以使用<input>元素生成。 单行文本框：指定<input>元素的属性type为text即可。 密码输入框：指定<input>元素的属性type为password即可。 单选框：指定<input>元素的属性type为radio即可。 多选框：指定<input>元素的属性type为checkbox即可。 文件上传域：指定<input>元素的属性type为file即可。 按钮：指定<input>元素的属性type为button即可。 7 1.2 input元素
8 1.表单基础 13 label元素 < label>元素用于在表单元素中定义标签。 口<labe1>元素指定的属性: ■核心属性:id、 style、 class等。 ■事件属性: onclick等。 其他属性:for等。 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 1.表单基础 <label>元素用于在表单元素中定义标签。 <label>元素指定的属性： 核心属性：id、style、class等。 事件属性：onclick等。 其他属性：for等。 8 1.3 label元素
9 1.表单基础 13 label元素 口< label>元素定义标签的作用: ■输出普通文本。 当用户单击该标签时,该元素关联的表单控件元素就会获得焦点。 口标签和表单控件关联的方式 隐式使用for属性:指定< label>元素的for属性值为所关联表单控 件id的属性值。 显式关联:将普通文本、表单控件一起放在<1abe1>元素内部即可。 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 1.表单基础 <label>元素定义标签的作用： 输出普通文本。 当用户单击该标签时，该元素关联的表单控件元素就会获得焦点。 标签和表单控件关联的方式： 隐式使用for属性：指定<label>元素的for属性值为所关联表单控 件id的属性值。 显式关联：将普通文本、表单控件一起放在<label>元素内部即可。 9 1.3 label元素
10 十 2 现场演示: ■案例5-03:表单标签 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 10 现场演示： 案例5-03：表单标签