表格表单相关标签的简单介绍 我的总结

Posted 2020-06-23 端九九-

表格

<caption>表格标题，显示在整个表格外面</caption>

<th>表格每一列的标题</th>

<tr>行</tr>　　　　<td>列 单元格</td>

表格的属性　　table{ border-collapse:collapse;将单元格边框合并}

　　　　　　　　colspan:合并列　　　　rowspan:合并行;　　cellpading:单元格内填充　　cellspacing:单元格外边距;[直接写在table标签里面]　　

<colgroup>　　[与tr是同级]

　　<col span=‘样式一样的列数‘ style=‘各种样式的设置‘/>

</colgroup>

表单

<form action=‘提交数据的目标地址/指向服务器能处理的地址‘ method=‘get/post‘ name=‘‘>

　　<input type=‘text‘ size=‘文本框长度‘ maxlength=‘可显示的字符数‘ value=‘‘ placeholder=‘框内提示文字‘ />

　　<input type=‘date‘/>年月日

　　<input type=‘datetime‘/>年月日时分秒

　　<input type=‘datetime-local‘ />当地的时间

 

　　<input type=‘text‘  list=‘datelistid‘/>

　　<datelist id=‘list的属性值‘>

　　　　<option value=‘‘><option>

　　</datelist>

　　<textarea rows=‘‘高度" cols=‘宽度‘>

　　　　outline:none光标线;

</textarea>

</form>