目录
表单（只包括h4的内容）
HTML表单：用来收集用户的输入信息，表示文档中的一个区域，此区域包含交互空间（输入框，单选框，复选框，下拉列表，按钮......），将用户收集到的信息发送到服务器。
| form | 定义表单 |
| action | 表单信息提交的地址 |
| method | 发送表单数据的http方法 |
<form action="" method="">
</form>使用<form>创建一个表单，会自动添加 action属性，该属性作为表单的提交地址。当省略method属性时，网页默认值为get，即表单的内容会显示在提交网页的URL中的。
method中的get属性会使表单的提交内容显示在URL中，而post属性会隐藏表单提交时的内容。
input标签
| name | 定义元素的名称 |
| value | 指定input元素的值 |
| size | 规定以字符数计算input可见宽度 |
| maxlenght | 规定input元素中允许的最大字符数 |
| palceholder | 规定input描述字段预期值的简短提示信息 |
| disabled | 禁用该元素 |
| readonly | 只读 |
| checked | 使选框默认为选中状态 |
| type | 定义input元素的类型 |
接下来对于这些标签的应用进行一个简单的总结：
1.name属性定义元素的名称，可以将多个数据或者控件归于一个组。相较于value，name属性更多是用于浏览器解析。
<form>
<input name="">
</form>2.value属性指定input的元素值，并对其进行显示。相较于name，value属性更多用于使用者和网页程序间交互显示使用。
<form>
<input value="">
</form>
3.size属性规定了以字符数来计算input的可见宽度，较多用于输入框等控件，可以定义输入框的长短。
<form>
<input size="">
</form>
4.maxlenght 属性规定input元素中允许的最大字符数，即规定该元素中可以输入的最大数量。
<form>
<input maxlength="">
</form>5.palceholder规定input中描述字段预期值的简短提示信息，即在提示该元素应输入的内容或使用方法。
<form>
<input placeholder="">
</form>
6.disabled属性用于禁用该元素，即处于无法点击或编辑的状态，总体呈现灰色，该代码无具体值。
<form>
<input disabled>
</form>7.readonly属性规定该元素处于只读状态，可以显示光标和点击但是无法使用。
<form>
<input readonly>
</form>
8.checked属性可以使选框默认处于选中状态，该状态可以在网页中被取消。
<form>
<input checked>
</form>9.type属性可以定义input元素的类型！！！
<form>
<input type="">
</form>type标签以及属性
| text | 定义单行文本（该值为默认属性，默认文本宽度为20） |
| password | 定义密码字段（字段中的字符会被覆盖） |
| radio | 定义单选框 |
| checked | 定义复选框 |
| button | 定义可点击的按钮 |
| submit | 定义提交按钮（该属性的value默认为提交），默认有提交功能 |
| reset | 定义重置按钮（重置所有当前表单内容为默认值，默认value为重置） |
| file | 定义文件选择字段和显示“选择...”按钮，用于上传文件 |
| image | 定义图像为提交按钮，默认有提交功能 |
| hidden | 定义隐藏输入字段 |
当我们使用image属性时，代码如下：
<form>
<input type="image" src="" alt="" width="" height="">
</form>
在对该代码进行编辑时，会出现四个关于图片的属性，这四个属性是image独有的属性，其他type下的属性不可使用。
src:指定显示图像提交按钮的URL地址，只针对type="image"。
alt:图片加载失败时替换的文本内容，只针对type="image"。
width:指定图片提交按钮的宽，只针对type="image"。
height：指定图片提交按钮的高，只针对type="image"。
button标签
<button>标签可以定义一个可点击的按钮，默认具有提交功能
<button name="" disabled type="">
按钮
</button>在<button>标签中有三个属性，分别是：
| name | 定义button的名称 |
| disable | 禁用 |
| type | 定义button元素的类型 |
在type中，h4情况下，分别是buttton（按钮），submit（提交），reset（重置）属性，其中默认为submit，即<button>自带有提交功能
select标签
<select>标签可以用来创建下拉列表菜单，即下拉选择框。select的属性和button类似，具有name和disabled属性。
还有一个定义下拉列表中可见的选项数目属性：size，即显示在未展开的下拉选项框内选项数目的多少。（注：该状态是表示下拉框还未下拉显示时）
<form>
<select size="">
</form>option标签
<option>定义下拉列表的选项，该属性具有disabled属性。
value：指定下拉选项的值（该值会出现在URL地址中）
selected：默认被选中
<select size="3">
<optgroup label="绿茶">
<option value="" disabled>铁观音</option>
<option value="">碧螺春</option>
<option value="" selected>菊花茶</option>
<option value="">茉莉花茶</option>
</optgroup>
</select>optgroup标签
label属性可以为选项组定义描述，即定义组显示的名字。
disabled的属性可以禁用。
<optgroup label="表单" disabled>
<option value="">第一项</option>
<option value="">第二项</option>
<option value="">第三项</option>
<option value="">第四项</option>
</optgroup>textarea标签
<textarea>标签定义文本域，即定义多行文本框
| name | 定义文本域的名称 |
| cols | 规定文本域内可见的宽度，即列数（默认20） |
| rows | 规定文本域内可见的高度，即行数（默认2） |
| placeholder | 预期，提示信息 |
| disabled | 禁用 |
label标签
定义input元素的标签，一般为输入标签。
请选择性别<br>
<label><input type="radio" name="sex" value="man">男</label>
<br>
<label><input type="radio" name="sex" value="woman">女</label>当插入label标签后可以，单单选框由原本的只能点击原点本身变为了点击可点击文字和原点。
for属性：规定label标签用于哪个表单元素的绑定，代码示例如下：
请选择性别<br>
<input type="radio" name="sex" id="man"><label for="man">男</label>
<br>
<input type="radio" name="sex" id="woman"><label for="woman">女</label>fieldset标签和legend标签
fieldset：将表单中的元素进行分组
legend：定义fieldset的标题
该标签野还有disable属性表示禁用
<fieldset>
<legend>请选择性别</legend>
<input type="radio" name="sex" id="man"><label for="man">男</label>
<br>
<input type="radio" name="sex" id="woman"><label for="woman">女</label>
</fieldset>
字符实体
html中的预留字符，会被浏览器解析，必须替换为字符实体，一些键盘上找不到的字也可以用字符实体替换，一般格式为 & ;
iframe框架
定义一个内联的iframe窗口中嵌套，子窗口
属性
src：规定在iframe中显示文档的URL
iframe详解
https://blog.csdn.net/Jourkern/article/details/141865907?spm=1001.2014.3001.5501
扫一扫
69万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
