HTML5——2表格、表单

../    表示去往上一级文件夹。

<td nowrap>...</td>强制单元格内的文字不换行。

<td colspan="2">合并的单元格数目</td>    相对应的rowspan合并上下行。

对于留白（空白）单元,对应格边框会消失，输入一个空格"&nbsp"即可解决问题。

readonly属性：利用<input>、<textarea>显示数据，但是用户不能对其进行修改。例如商品的价格

<input type="text" name="showSomething" value="readOnly" readonly/>

autofocus:加载网页之后，对应元素自动获得焦点。

利用数字域用户可以确定数值，同时用户可以通过单击文本框进行输入，但是上下选择之后的数值仍然限制在最大值和最小值之间。同理可以使用type="range"进行滑动取值。

<input type="number" name="setnum" value="666" min="650" max="670"/>

对于HTML5来讲引入了一个比较高大上的输入方式，是由<datalist>和<option>配合<input>中的list使用的datalist组件。这个组件下，用户输入一个字他就会自动从<option>选择列表中选择出符合的词语（类似字符搜索）其中list的id必须和datalist的id一致。

<input list="chooseItem"/>
        <datalist id="chooseItem">
            <option value="Edge"></option>
            <option value="Firefox"></option>
            <option value="Chrome"></option>
            <option value="Safari"></option>
        </datalist>

对于较多的表单项的时候，需要利用表单分组标记来区分

<fieldset>
    <legend>分组的名称</ledend>
    分组中对应的选项
</fieldset>