一、12种表单元素
表单定义:在网页中负责数据采集功能,表单分为三类其元素如下:
form:表单标记,用于存放表单元素
属性:action:提交到的服务器地址(发送 form-data 的 HTTP 方法)
method:提交到服务器的方式
(一)文本类
1、<input type ="text" value="名称"(消不掉,自己删除)placeholder ="名称"(背景名称)style=“width:500px;”(样式)/>----文本框
2、<input type ="password"/>----密码框
3、<input type ="hidden"/>------隐藏域
4、<textarea></textarea>---文本域(可多行输入的文本框)
(二)按钮类
1、<input type="button" value="名称"/>----普通按钮
2、<input type="submit" />-----提交按钮
3、<input type="reset"/>----重置按钮
4、<input type="image" src="图片路径"/>----图片按钮(作用为提交)
(三)、选择类
1、<input type ="radio" name="分组名称" checked="checked" id="别名"/>---单选
<label for="别名"> 内容,可文字也可图片</label>
2、<input type="checkbox" name="分组名" id="别名"/>内容-------多选
或<label>内容</label>
3、<select></select>-----下拉选择
<option>内容</option>
4、<input type="file">------上传文件
注释:name---分组互斥
checked----默认选项
id----起别名点文字可选择
二、10种补充元素
1、<br />----换行
2、 -----空格
3、<p>内容</p>------分段 上下各空一行
4、<img src="相对路径" title="图片隐藏名" alt="别名">----图片(alt--图片加载不成功时显示的名称)
5、<a href="网址" target="_blank">内容</a>------超链接
6、表格
<table>
<tr>
<td>内容</td>
</tr>
</table>
7、<h1> 内容</h1>----标题 文字逐渐减小
。。。。
<h6></h6>
8、<div> 内容</div> 层标签(自己独占一行)
9、有序排列
<ol type="1">
<li>内容</li>
</ol>
10、无序排列
<ul >
<li> 内容</li>
<ul>