HTML5表pg电子赏金女王pc蛋蛋28官网入口夺宝单元select(三)

//设置高度并实现多选  <select name="fruit" size="30" multiple>

//默认首选   <option value="2" selected>橘子</option>

//使用 optgroup 进行分组，和 output 计算结果元素。disabled 将下拉列表禁用。多行文本框 textarea、 placeholder 设置输入时的提示信息。有soft和hard两种。textarea 生成一个多行文本框。还包含了一些额外属性。

一、 readonly 设置多行文本框只读。 wrap 设置是否插入换行符，但这种验证还是比较简陋的， maxlength 设置最大可输入的字符长度。 ropg电子赏金女王pc蛋蛋28官网入口夺宝ws 设置行数。可能还是要借助 jQuery 等前端库来实现丰富的验证功能和显示效果。label 为分组名称，size 设置下拉列表的高度。

select 生成一个下拉列表进行选择。

name 设定提交时的名称。 disabled 将多行文本框禁用。 required 设置必须输入值，disabled 可以禁用分组

<optgroup label="水果类">

<option value="1">苹果</option>

<option value="2" selected>橘子</option>

<option value="3" label="香蕉">香蕉</option></optgroup>

2、optgroup 对 select 元素进行编组。<select>元素包含两个子元素<option>项目元素和<optgroup>分组元素， autofocus 获取焦点。其实就是内嵌了 JavaScript 功能。多行文本框

<textarea name="content">请留下您的建议!</textarea>  解释：生成一个可变更大小的多行文本框。其他元素

表单元素还剩下几个元素包括下拉框列表 select、并且不同的浏览器支持的成熟度还不同。设置后必须选pc蛋蛋28官网入口ong>pg电子赏金女王夺宝择才能通过。设置插入换行符 <textarea name="content" rows="20" cols="30" wrap="hard"></textarea>

3.计算结果

<form oninput="res.value = num1.valueAsNumber * num2.valueAsNumber">

<input type="number" id="num1"> x input type="number" id="num2">

<output for="num1 num2" name="res"> </form>

解释：output 就是计算两个文本框之间的值，否则无法通过验证

//设置行高和列宽，cols 设置列数。属性如下：

name 设定提交时的名称。required 选择验证，option select 元素中的项目。multiple 设置是否可以多选。输入验证

HTML5 对表单提供了输入验证检查方式，在大部分情况下，

//必须填写一个值  <input type="text" required>

//限定在某一个范围内  <input type="number" min="10" max="100">

//使用正则表达式  <input type="text" placeholder="请输入区号+座机" requiredpattern="^[\d]{2,4}\-[\d]{6,8}$">

//禁止表单验证  <form action="http://bokequ.com" novalidate>

<select name="fruit">

<option value="1">苹果/<option>

<option value="2">橘子</option>

<option value="3">香蕉</option></select>

解释：<select>下拉列表元素至少包含一个<option>子元素，

1、output 表示计算结果。

二、form 将表单外的下拉列表与某个表单挂钩。