第6章表单与交互式网页 多行文本输入区域 多行文本输入区域常用于输入大量的文字数据 <textarea rows=2 name=txtareaName cols=20"></textarea> HTM定义了一些可以放置在表单区域内的属 性与功能选项卷标,其中还包含了传送数据 的指令按钮卷标。 JSP动态网页新技术 6
第6章 表单与交互式网页 JSP 动态网页新技术 6 多行文本输入区域 多行文本输入区域常用于输入大量的文字数据 <textarea rows="2" name="txtareaName" cols="20"></textarea>
第6章表单与交互式网页 < textarea>属性 属性 说明 name设定文本区域的名称 rows设定文本区域显示的列数 cos设定文本区域显示的行数 value设定文本区域的默认值 JSP动态网页新技术 7
第6章 表单与交互式网页 JSP 动态网页新技术 7 <textarea>属性 属 性 说 明 name 设定文本区域的名称 rows 设定文本区域显示的列数 cols 设定文本区域显示的行数 value 设定文本区域的默认值
第6章表单与交互式网页 单选按钮 单选按钮使用于多选一的情况,<iput>标签的ψype属性设定为 radio <input type=radio 具有相同name属性的单选钮,被归纳为同一个选项群组, 因此只能选择其中某一个选项,若name属性不同则为各自 独立的选择群组, ≯一个以上的单选按钮組合,提供用户在网页上选择所需的特定选 项 性别:男」⊙女 JSP动态网页新技术 8
第6章 表单与交互式网页 JSP 动态网页新技术 8 单选按钮 ➢ 单选按钮使用于多选一的情况，<input>标签的type属性设定为 radio： • <input type="radio"> • 具有相同name属性的单选钮，被归纳为同一个选项群组， 因此只能选择其中某一个选项，若name属性不同则为各自 独立的选择群组， ➢ 一个以上的单选按钮組合，提供用户在网页上选择所需的特定选 项
第6章表单与交互式网页 单选按钮属性 属性 说明 name 设定该单选钮的名称 value 设定单选钮返回给JSP程序的值 checked设定单选钮是否为预设选取 JSP动态网页新技术
第6章 表单与交互式网页 JSP 动态网页新技术 9 单选按钮属性 属 性 说 明 name 设定该单选钮的名称 value 设定单选钮返回给JSP程序的值 checked 设定单选钮是否为预设选取
第6章表单与交互式网页 复选框 复选框用来复选多个选项,其 INPUT标签的type属性设为 checkbox。 Input type= checkbox> ≯复选框通常代表一种布尔类型的数据,若是符合其提示说明则选择 一组复选框并不会特别限定只允许选择其中一个选项 唱歌回 跳舞口 游泳口 上网口 爬山回 逛街口 JSP动态网页新技术
第6章 表单与交互式网页 JSP 动态网页新技术 10 复选框 ➢复选框用来复选多个选项 ，其INPUT标签的type属性设为checkbox。 <input type="checkbox"> ➢复选框通常代表一种布尔类型的数据，若是符合其提示说明则选择 。 ➢一组复选框并不会特别限定只允许选择其中一个选项