首页 > 代码库 > 0410表单知识
0410表单知识
<a></a>标签内的其他标签用法,首先是锚点<a href="http://www.mamicode.com/#">回到顶部</a>,位于有滚动条的页面最下端,点击直接回到页面最顶端。然后是<a href="http://www.mamicode.com/#middle">回到中间</a>,前提是页面当中位置有个标签<a name="middle">中间</a>,这才可以点击后回到这个中间的a标签位置。
标题标签“<h1>内容</h1>”一直到“<h6>内容</h6>”,标题标签内文字加粗而且自占一行h1标题字最大,h6标题字最小。
段落标签<p>段落</p>,跟上下内容会自动换行。
<span>内容</span>用于以后配合样式表加样式用,例如<span style="color: red;">内容</span>主要用于加样式。
<div>段落</div>以后跟CSS配合给网页做布局使用,主要也是用来加样式的。
图片大小占网页的百分比<img src="http://www.mamicode.com/图片位置" width="50%"/>。
表格扩展知识
<table>
<tr>
<th>内容</th> “←内容自动加粗居中效果”
</tr>
<thead> “←本行表格自动放到表格最顶端”
<td>内容</td>
<td>内容</td>
</thead>
<tfoot> “←本行表格自动放到表格最底端”
<td width="10%">内容</td> 定义表格宽度百分比,其他列单元格都效仿
<td width="90%">内容</td>
</thead>
</table>
表单 <form method="get/post" action="http://链接位置" name="tj"></form>
<input type="text" name="usname"/>用户名
<input type="password" name="pwd"/>密码 “←密码不显示”
<input id="sex1" type="radio" name="sex" value="http://www.mamicode.com/0">男 “←用name区分两者,这样可以二选一”
<label for="sex1">男</label> “label加效果,点击男也可以选择”
<input id="sex0" type="radio" name="sex" value="http://www.mamicode.com/1" checked="checked">女 “checked表示的是默认选择”
<label for="sex0">女</label>
<input type="submit" value="http://www.mamicode.com/提交"/>
id属性值是唯一的不可重复,name属性值可以重复,class类
method="get"此方法不安全,会把信息暴露在地址上 method方法,action要执行的动作,type方式方法,text文本,password密码,value传送给服务器的值
可以将表单内容放入表格内
<body>
<form method="get" action="链接地址" name="tj">
<table border="1" width="45%" bgcolor="chartreuse">
<tr>
<th colspan="2" align="middle">用户注册:</th>
</tr>
<tr>
<td align="right">用户名</td>
<td width="70%"><input type="text" name="usname" placeholder="请输入用户名"/></td>
</tr> 以此类推。
下拉栏<select name="age">
<option value="http://www.mamicode.com/21">21</option>
<option value="http://www.mamicode.com/22">22</option>
<option value="http://www.mamicode.com/23" selected="selected">23</option> “selected表示是默认选择”
<option value="http://www.mamicode.com/24">24</option>
<option value="http://www.mamicode.com/25">25</option>
</select></td>
多选框
<td align="right">喜好:</td>
<td>
<input id="a1" type="checkbox" name="xh" value="http://www.mamicode.com/0" checked="checked"/> “checked也可以默认选择”
<label for="a1">运动</label>
<input id="a2" type="checkbox" name="xh" value="http://www.mamicode.com/1"/>
<label for="a2">看书</label>
<input id="a3" type="checkbox" name="xh" value="http://www.mamicode.com/2"/>
<label for="a3">绘画</label>
</td>
大量文本
<tr>
<td align="right">自我介绍:</td>
<td>
<textarea name="seleinfo"></textarea> “textarea文本域”
</td> </tr>
重置按钮 <input type="reset" value="http://www.mamicode.com/重置"/>
0410表单知识