输入框和按钮.pptxVIP

主讲人：李阳HTML5网页设计输入框和按钮 人民网登录网页 问题导入这样一个拥有输入框和按钮的网页是用哪些标签编写出来的呢？ 表单元素概述表单中大部分表单元素均使用 input 标签，只是它们的属性设置不同，其统一用法如下：input name=“表单元素名称” type=“类型” value=“值” size=“显示宽度”maxlength=“能输入的最大字符长度” checked=“是否选中”/ 表单元素概述属性说明type 指定表单元素的类型， 可用的选项有 text、password、checkbox、radio、submit、reset、file、hidden、image 和button，默认为 textname 指定表单元素的名称value 指定表单元素的初始值size 指定表单元素的初始宽度。如果 type 为 text 或 password，则表单元素的大小以字符为单位；对于其他输入类型，宽度以像素为单位maxlength指定可在 text 或 password 元素中输入的最大字符串，默认无限制checked此属性只有一个值，为 checked，表示选中状态，如果不选中，则无须添加此属性readonly当文本框标签的 readonly 属性指定为 readonly 时，文本框中的值不允许更改input标签属性 一、输入框文本框：表单中最常用的输入元素就是文本框（text），它提供给用户输入的单行文本信息，如用户名的输入。文本框的用法很简单，只需将 input 标签的 type 属性设置为 text 即可。input name=“表单元素名称” type=“text”id=“表单元素名称” value=“值” / 一、输入框密码框：密码框主要用于一些保密信息的输入。因为用户输入时，显示的不是输入的内容，而是“*”。body form name=myform action= method=post 姓名 :input type=text name=username size=20/br/ 密码 :input type=password name=pwd/br/ /form/body 一、输入框 一、输入框多行文本域：多行文本域用于显示或输入两行或两行以上的文本，它使用的标签是 textarea。body form name=myform action= method=post h4 自我介绍 /h4 textarea cols=50 rows=5 请输入自我介绍的内容 ......./textarea /form/body 一、输入框 二、按钮body form name=myform action= method=post 姓名 :input type=text name=username size=20 / br/ input type=submit value=提交/ input type=reset value=重置/ input type=button value=购买/ /form/body 二、按钮 二、按钮图片按钮：有时候为了达到比较好的视觉效果，可以使用图片代替按钮来提交或者重置表单数据。body form 输入商品编号： input type=text name=yourname“/brbr input type=image src=buy.gif alt= 提交 name=imagesubmit“ / /form/body 二、按钮 三、思考利用讲解的输入框和按钮，设计一个如下样式的网页