下拉列表和列表标签

html表单

Form标签中,以下标签实现表单元素添加:

标签 描述

<input> 表单输入标签

<select> 下拉菜单和列表标签

<option> 下拉菜单和列表项目标签

<optgroup> 下拉菜单和列表项目分组标签

<textarea> 文字域标签

下拉菜单和列表标签

语法:

<select>

<option value = "...">选项</option>

<option value = "...">选项</option>

</select>

<select>标签属性

属性 描述

name 设置下拉菜单和列表的名称

multiple 设置可选择多个选项

size 设置列表中可见选项数目

<option>标签属性

属性 描述

selected 设置选项初始选中状态

value 定义送往服务器的选项值

分组下拉菜单和列表标签

语法:

<select name=" " >

<optgroup labael="组1">

<option value = "...">选项</option>

<option value = "...">选项</option>

</optgroup>

<optgroup labael="组2">

<option value = "...">选项</option>

<option value = "...">选项</option>

</optgroup>

</select>

多行文本域<textarea>

语法

<textarea name = ".." rows = ".." cols = ".."....>

内容..............

</texarea>

属性:

属性 描述

name 设置文本区的名称

placehholder 设置描述文本区域预期值的简短提示

rows 设置文本区内的可见 行数

cols 设置文本区内的可见宽度,

<form>标签

属性 值 描述

action URL 提交表单时向何处发送表单数据

method get,post 设置表单以何种方式发送到指定页面

name form_name 表单的名称

target _blank,_self,_parent_,top 在何处打开action URL

enctype application/x-www-form-urlencoded multipart/form-data text/plain

在发送表单数据之前如何对其进行编码

post和get区别

GET:

使用URL传递参数

对所发送信息的数量也有限制

一般用于信息获取

POST;

表单数据作为HTTP请求体的一部分

对所发送信息的数量无限制

一般用于修改服务器上的资源