01.22 下拉列表和多行文本域
2019-01-22 本文已影响0人
xxxQinli
下拉列表(菜单)
- select标签 - 代表整个下拉列表
- option标签 - 代表列表中的每个选项,selected属性,设置默认被选中的selected
- optgroup标签 - 设置label的值来对当前下拉菜单的内容进行分组
多行文本域
- textarea标签 - 输入框,可以同时显示多行内容,可以自动换行和上下滚动
- name属性 - 区分和提交
- rows - 行数(不滚动最多能显示的行数,影响输入框的高度)
- cols - 列数(一行显示文字的数量,影响输入框的宽度)
- placeholder - 占位符
- maxlength - 限制输入的最多的文字个数
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>下拉列表和多行文本域</title>
</head>
<body>
<select class="" name="省">
<optgroup label="省"></optgroup>
<option value="四川省">四川省</option>
<option value="云南省" selected="selected">云南省</option>
<option value="吉林">吉林省</option>
<option value="辽宁省">辽宁省</option>
<option value="黑龙江省">黑龙江省</option>
<optgroup label="直辖市"></optgroup>
<option value="北京市">北京市</option>
</select>
<select class="" name="市">
<option value="绵阳">绵阳</option>
<option value="成都">成都</option>
<option value="巴中">巴中</option>
<option value="达州">达州</option>
</select>
<textarea name="message" rows="8" cols="10">默认文字</textarea>
<textarea name="message" rows="8" cols="10">默认文字</textarea>
</body>
</html>