HTML表单标签以及常用字符实体

1.表单标签

1.1.form:form标签用于为用户输入创建HTML表单;块级元素，会自动换行；将数据传输给服务器

属性	值	描述
action	URL	规定当提交表单时向何处发送表单数据
method	get,post	规定用于发送form-data的HTTP方法
name	Form_name	规定表单名称
target	_blank _self _parent _top framename	规定在何处打开action URL

常用属性：action：表单提交地址；id:唯一标识；name:名称；target:表单提交打开方式（默认当前窗口）；method:提交方式

get:默认，参数会直接跟在url后面，用问号拼接。安全性差，传输数据量小，效率高（是post速度的二倍），有缓存

post:参数不会跟在url地址栏后面，会放在请求中。安全性差，传输数据量大，速度相对来说慢，无缓存。

1.2.input：

（表单元素需要设置name属性值否则数据无法传递！！！）

1.2.1:type:表单元素的类型

text文本框

password密码框

radio单选框（需要设置一组相同的name属性值）

checkbox复选框（需要设置一组相同的name属性值）

button普通按钮

hidden隐藏域（用来存放需要传递给服务器，但不需要显示的数据）

file文件域（上传文件）

date日期框

submit提交按钮

reset重置按钮

image图片按钮

1.2.2.value:表单元素的值

1.2.3.checked:是否选中（针对于单选框和复选框）

1.2.4disabled:是否禁用

1.2.5maxlength:允许输入的最大字符

1.3.textarea：

textarea文本域：cols（列）和rows（行)

简介：<textarea name="remar"rows="5"cols="50">111</textarea><br>
<!--输出一个10行每行能容纳50个字的文本框-->

1.4.label：设置label的for的属性值与表单元素的id属性值对应，当点击label标签是，会自动给表单元素聚焦

<label for="userName">姓名</label>:<input type="text" id="userName" value="zhangsan"name="userName"/>
<!--点击所选中的文字“姓名”与之对应id的框被聚标选中-->

例如：

<label for="yyds">姓名</label>:<input type="text" id="userName" value="zhangsan"name="userName"/><br>
密码：<input type="password" name="userPwd" maxlength="6"id="yyds" />
<!--点击文中“姓名”则密码框被选中聚焦-->

1.5.button：

button按钮：type:button普通按钮   submit提交按钮（默认值） reset重置按钮

<button type="button">普通按钮</button>
<button type="submit">提交按钮</button>
<button type="reset">重置按钮</button>

1.6.selsct：

selsct下拉选项

<select name="">
    <option value="值">文本</option>
</select>

注：当option设置了value属性值时，提交的数据是相应的value对应的值；如果未设置value,则提交的的数据是文本值。

常用属性：value:设置值    selected设置选中状态

2.常用字符实体

<             &lt

>             &gt

空格        &nbsp

版权符     &copy 

<h2>Hello World</h2>
<!--把Hello World当标签输出-->
&lt;h2&gt;Hello &nbsp;&nbsp;&nbsp;&copy;World&lt;/h2&gt;
<!--输出<h2>Hello World</h2>-->

块级元素：元素都从新的一行开始，并且其后的元素也另起一行；元素的高度、宽度、行高以及顶和底边距都可设置；元素宽度在不设置的情况下，是它本身父容器的100%(和父元素的宽度一致)，除非设定一个宽度

行内元素：和其他元素都在一行上；元素的高度、宽度及顶部和底部边距不可设置；元素的宽度就是它包含的文字或图片的宽度，不可改变。

行内块状元素：和其他元素都在一行上；元素的高度、宽度、行高以及顶和底边距都可设置。