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>

阅读更多

没有更多推荐了,返回首页