HTML5元素总结

Posted 2020-10-09

1、input

 A、单选

 账号：<input type="text">

 密码：<input type="password">

 兴趣：<input type="radio" name="xingqu" value="lvyou">旅游：会将value的值提交到name中

B、多选

 <input type="checkbox" name="XXX">YYY

 C、多行文本框

 <textarea name="" id="" cols="" rows=""></text>

D、下拉菜单

<select name="">

   <option value="">XXX</option>

</select>

E、信息列表

 <input type="text" list="XXXlist">

<datalist id="XXXlist">

   <option value=""></option>

</datalist>

F、按钮

<input type="button" value="XXX"> 普通按钮

<input type="submit" value="">提交按钮

<input type="reset">重置按钮

G、表单

<form action="信息提交路径" method="get（显示提交信息）>/post（隐藏提交信息）">

   账号：<input type="text" name="username">

   密码：<input type="password" name="pwd">

   <input type="submit" value="">

   <input type="reset">

</form>

H、label （当光标放在相应文本上时自动跳转到输入框中）

<label for="XXX">yyy</label>

yyy<input type="text" id="XXX">

I、input type 一些属性值

text：文本输入，后面可以接 maxlength限制输入长度、required必填项

 date：选择年月日

 number：身高体重可以使用，后接 min、max、step、value（默认值）

 range：滚动条选择，后接min、max、name

 color：文本颜色

2、表格

<table border="1">

 <caption>表格名称</caption>

<thead><th>列表名称表头等</th></thead>

<tbody>表格内容

   <tr>

     <td colspan(行合并）="X"></td>

　  <td></td>

   </tr>

   <tr>

    <td rowspan(列合并）="X"></td>

　 <td></td>

   </tr>

 </tbody>

<tfoot>放注册信息商标等小信息<tfoot>

</table>

3、details

<details>

   <summary>XXX</summary>

   <p>YYY</p>

</details>

4、特殊字符

&lt：<

&gt:>

&nbsp：空格

&copy：版权符号

&reg：注册符号

&amp：and符号

5、快捷键

lorem+tab键：自动生成一些字符

ul>li ：生成一个li嵌套在ul里

ui*2：生成两个ul

ctrl+？：注释快捷键

ctrl+d：复制粘贴

ctrl+x：剪切

ctrl+z：撤销