日期:2014-05-16  浏览次数:20672 次

HTML5元素-其他表单元素及输入验证

HTML5元素-其他表单元素及输入验证

<!-- 生成选项列表 -->
<select name = "">
	<option value = "" selected label = "">	</option>
	<option value = "" >label</option>
</select>
<!--属性: name, disabled, form, autofocus, required, size, multiple(多选) -->

<!-- 在select元素中建立结构 -->
<select name = "">
	<optgroup label = "">
		<option value = "" selected label = "">	</option>
		<option value = "" >label</option>
	</optgroup>
	<optgroup label = "">
		<option value = ""  label = "">	</option>
		<option value = "" >label</option>
	</optgroup>
</select>


<!-- 输入多行文本 -->
<textarea rows = "行数" cols = "列数" ></textarea>
<!-- 属性: name, disabled, form, readonly, maxlength, autofocus, required -->
<!--       placeholder, dirname, rows, cols, wrap						  -->

<!-- 表示计算结果 -->
<output for = "" name = ""/>


<!-- 使用输入验证 -->
<!-- 相关属性 -->
<!-- required 提供一个值表单才可以提交 -->
<!-- max, min 最大,最小值 确保输入值在某个范围内 -->
<!-- pattern 正则表达式, 确保输入值与指定模式匹配 -->
<!-- email 和 url的input元素型, 确保输入的是电子邮箱地址或URL -->
<!-- 禁用输入验证, 可设置提交表单的 button 或 input 元素的formnovalidate属性 -->

?