第十章 表单元素【下】
一、其他元素
1、select :生成一个下拉列表进行选择;
额外属性:
(1)name:设定提交的名称;
(2)disabled 将下拉列表禁用;
(3)form 将表单外的下拉列表与某个表单挂钩;
(4)size 设置下拉列表的高度;
(5)multiple 设置是否可以多选;
例、<select name="fruit">
<option value="1">苹果</option> //动态数组存储时,储存的不是汉字,而是value值。
<option value="2">香蕉</option>
<option value="3">橘子</option>
</select>
2、optgroup :对select元素进行编组; //<select name="fruit"> <optgroup label="水果">。。。</optgroup>
label为分组名称; // <optgroup label="高粱" selected>。。。</optgroup>
selected 为默认选项 </select>
3、option :select元素中的项目;
4、textarea :生成一个多行文本框;
属性如下:
(1)name :设定提交时的名称;
(2)form :
(3)readonly :设置多行文本只读;
(4)disabled :设置多行文本禁用;
(5)maxlength :获取焦点;
(6)autofocus :设置输入时的文本信息;
(7)placeholder :设置输入时的提示信息;
(8)rows :设置行数;
(9)cols :设置列数;
(10)wrap :设置是否插入换行符,有soft(默认)和hard两种;
(11)required :设置必须输入值,否则无法通过验证;
5、output :表示计算结果;(jQuery里用到,现在不需理解)
二、验证输入
HTML5对表单提供了输入验证的检查方式,但比较简陋,并且个浏览器的支持程度还不同,在大部分情况还是用jQuery来完成;
来源:https://www.cnblogs.com/keshuai752100461/p/8485082.html