【3-21】常用元素集

一、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、&nbsp-----空格

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>