《网页设计》课件-6 HTML表单

HTML表单标签重点：1、掌握html表单的基本标签2、掌握表单基本标签的属性难点：1、掌握表单基本标签的属性2、使用表单元素制作表单3、使用表单元素布局表单表单HTML表单——用于搜集不同类型的用户输入表单是一个包含表单元素的区域表单使用表单标签<form>定义<form></form>表单元素（表单控件）文本框

text密码框password单选按钮radio复选框checkbox普通按钮button下拉列表select，option文本域textarea提交按钮submit重置按钮reset表单元素定义格式<input/><inputtype=“text”name=“username”value=“初始值"maxlength=“20”

/>

input元素的类型。默认值是"text"，表示文本框元素名称（非常重要，服务器端依据此名称取得客户端表单提交数据）初始值最大输入长度表单<formaction="XXXX"method="get"title="XX"target="_blank">………</form>input标签属性属性说明type指定元素的类型。text、password、checkbox、radio、submit、reset、file、hidden、image和

button，默认为

textname指定表单元素的名称。value元素的初始值。type为

radio时必须指定一个值size指定表单元素的初始宽度。当

type为text或

password时，表单元素的大小以字符为单位。对于其他类型，宽度以像素为单位maxlengthtype为text或password时，输入的最大字符数checkedtype为radio或checkbox时，指定按钮是否是被选中表单-input标签-文本框<inputtype="text"name="userName"value="用户名"size="30"maxlength="20">文本框文本框名称文本框初始值文本框长度文本框可输入最大字符表单-input标签-密码框<inputtype="password"name="password"size="20">密码框密码框的名称密码框的长度表单-input标签-单选按钮<inputtype="radio"name="sex"value="0"checked="true"/>男<inputtype="radio"name="sex"value="1"/>女表单-input标签-复选框<inputtype="checkbox"name="like"value="0"checked="true"/>读书<inputtype="checkbox"name="like"value="1"/>体育<inputtype="checkbox"name="like"value="2"/>旅游必须指定初始值复选框选中状态表单-下拉列表<selectname=“国家"size="行数"><optionvalue=“0”selected=“selected”>中国</option><optionvalue=“1”>美国</option></select>列表框默认选中项指定初始值选项表单-多行文本域<textareaname="showText"cols="x"rows="y">文本内容</textarea>多行文本域显示的列数显示的行数表单-input标签-按钮<input

type="button"value="这是一个普通按钮"

/>普通按钮表单-input标签-提交按钮将表单全部内容，提交给action属性指定的服务器一个表单通常都应该有一个提交按钮<inputtype="submit"value="提交"/>表单-input标签-图片提交按钮<inputtype=“image”src=“image/submit.JPG”value=“提交”/>表单-input标签-重置按钮将表单重新设置为初始状态<input

type="reset"value="重置"/>默认也显示重置表单-隐藏域<inputtype=“hidden”name=“userid

“

value=“0">隐藏域在页面上不显示。通常用于提交非用户输入数据必须指定初始值表单-只读和禁用<inputtype="text"name="name"value="张三"readonly="readonly"><inputtype="submit"disabled="disabled"value="保存">只读文本框禁用Value用法value属性为input元素规定值。对于不同类型的input元素，value属性的用法也不同：对于"button","reset","submit"类型-定义按钮上的文本对于"text","password","hidden"类型-定义输入字段的初始（默认）值对于"checkbox","radio","image"类型-定义与input元素相关的值。该值会发送到表单的actionURL。注释：value属性对于<inputtype="checkbox">和<inputtype="radio">是必需的。注释：value属性不适用于<inputtype="file">。属性值为布尔类型的属性总结checked、selected、readonly、disabled等这些属性的值都为布尔类型。三种写法checked="true"checked="checked"checked再介绍一个noshade属性：<hr

noshade="noshade"/>noshade

属性规定水平线的颜色呈现为纯色，而不是有