HTML知识点中(表单/iframe/正则)

4、表单

(1)、表单
概念：用于采集用户输入的数据，和服务器进行交互。
form：用来定义表单。
action：提交数据的URL
method：提交方式

get	1.请求参数会在地址栏显示。2.请求参数大小有限制。3.不太安全。
psot	1.请求参数不会在地址栏显示。2.请求参数没有大小限制。3.较为安全。

注：表单项中的数据要想被提交：必须指定其name属性
(2)、input标签

<label for="user">账号:</label>
	<input type="text" name="username" placeholder="输入账号" id="user"/>

获取焦点 ：label的for属性和 input 的 id属性值 对应，点击label区域，会让input输入框获取焦点。
placeholder：指定输入框的提示信息，当输入框的内容发生变化，会自动清空提示信息
type属性:

text	password	radio	checkbox	file	hidden	color	date/datetime/datetime-local	email	number	submit/button/image
文本框	密码框	单选框：1. name属性值必须一样.2. value属性，指定其被选中后提交的值3. checked属性，默认选中	复选框	文件选择框	隐藏域，用于提交一些信息。	拾色器	选择输入年月日/手动输入年月日/选择输入年月日时分	邮箱	数字	表单提交按钮/普通按钮/图片按钮

(3)、下拉列表

			省份：
			<select name="province">
				<option value="1">---请选择---</option>
				<option value="2">北京</option>
			</select><br><br>

(4)、文本域

自我简介：
	<textarea rows="10" cols="30" name="text"></textarea><br>

cols：指定列数，每一行有多少个字符。
rows：默认多少行。

5、iframe嵌套

<p>
	<a href="https://www.baidu.com" target="mainFrame">点击打开百度</a>
	<a href="表单.html" target="mainFrame">点击打开学生信息表</a>
</p>
	<iframe name="mainFrame" width="1000px" height="800px">
	</iframe>
	//注:target的值和name的值需相同

6、正则表达式

<label for="cpn">输手机号:</label>
	<input type="text" id="cpn" name="cpn" required pattern="1[3578]\d{9}"/>

7、实体字符(entity)

声明表格来源：W3school

8、布局

float：left；浮动
clear：both；清除浮动

9、块元素和内联元素

(1)、块元素以新行开始

<h1>-</h6>
		<hr />
		<p></p>
		<pre>预格式化</pre>
		<blockquote>段落缩进，前后五个字符</blockquote>
		<marquee>滚动文本，默认从右到左</marquee>
		<ul></ul> <ol></ol> <dl></dl>
		<table>表格以及下面的所有子元素</table>
		<from>表单</from> <div></div>

（2）、内联元素

<a></a>  <b>字体加粗</b>  <i>斜体</i>
		<em>强调文本</em> <button>按钮</button>
		<img /> <input /> <label></label>
		<mark>记号文本，高亮显示</mark>
		<select>下拉列表</select>
		<span></span> <textarea>文本域</textarea>
		<vido>视频</vido><br>  <audio>音频</audio>

总结：先理清思路，再去写代码。