【代码世界 No.4】前端三剑客 - HTML 2 特殊标签及表单
列表标签
无序列表:
<ul type="none">
<li>context </li>
</ul>
属性: type: circle , squre, disc实心圆
有序列表:
<ol type="a" start="3">
<li>context</li>
</ol>
属性: type: 1, a, A, I, i, none, start:
链接标签
<a href=“url” target=‘“> context </a>
锚链接:href=“#id名 ”本页面内跳转
target表示调取方式,打开新窗口或者直接跳
表格
<table 属性>
<tr>行
<tb 属性>单元格
</tb>
</tr>
</table>
tb可以被th标签替换表示标题,自动加粗居中

表单
<form action="提交地址" method="get/post" name="表单名称"> get可见,post不可见
- 文本框:
账号:<input type="text" name="userNames" id="d1" value="初始默认值"
maxlength="最大长度" size="文本框长度" readonly="readonly">
- 密码框:
密码: <input type="password" name="mima" value="初始默认值">
其他属性与文本框相同
- 隐藏文本框:
<input type="hidden" name="" value="data"> 不可见但可用
- 单选项
<input type="radio" name="sex" value="1"> 男 同组单选钮name要相同
<input type="radio" name="sex" value="0" checked> 女
- 多选项
<input type="checkbox" name="a" value="1" checked> 选项一
<input type="checkbox" name="a" value="2" > 选项二
<input type="checkbox" name="a" value="3" > 选项三
- 文件域
<input type="file" name="wj" > 不可以设置value默认值
- 提交按钮
<input type="submit" value="点击提交">
- 图片按钮
<input type="image" src="图片url">
- 重置按钮
<input type="reset" value="点击重置" width="200">
- 普通按钮
<input type="button" value="本身没用,需要结合qit">
表单框
<fieldset>
<legend> 表单框提示内容 </legend>
框内内容
</fieldset>